feat: update tny-slider demo js

gip-inclusion · Nov 7, 2024 · 1f5b5d1 · 1f5b5d1
1 parent e444937
commit 1f5b5d1
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 10 deletions.
diff --git a/dist/external-libs-itou-slider.html b/dist/external-libs-itou-slider.html
@@ -210,7 +210,7 @@ <h3>Tiny Slider 2.9.4</h3>
 
       <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.js"></script>
       <script>
-        let slider = tns({
+        const slider = tns({
           container: '.tnsDemo',
           items: 1,
           autoplay: false,

diff --git a/dist/sections-itou-06.html b/dist/sections-itou-06.html
@@ -476,9 +476,9 @@ <h3>Tabs <code>.s-tabs-01</code></h3>
 
       <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.js"></script>
       <script>
-        let slidingTabs = document.querySelector('[data-it-sliding-tabs=true]');
-        if (slidingTabs) {
-          let slider = tns({
+        document.querySelectorAll("[data-it-sliding-tabs=true]").forEach(function(slidingTabs) {
+          const slidingTabsStartIndex = Number.parseInt(slidingTabs.getAttribute("data-it-sliding-tabs-startindex")) || 0;
+          tns({
             container: slidingTabs,
             slideBy: "page",
             autoWidth: true,
@@ -489,8 +489,9 @@ <h3>Tabs <code>.s-tabs-01</code></h3>
             speed: 300,
             nav: false,
             controls: true,
+            startIndex: slidingTabsStartIndex,
           });
-        }
+        })
       </script>
   </body>
 

diff --git a/src/external-libs-itou-slider.ejs b/src/external-libs-itou-slider.ejs
@@ -84,7 +84,7 @@
 
       <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.js"></script>
       <script>
-        let slider = tns({
+        const slider = tns({
           container: '.tnsDemo',
           items: 1,
           autoplay: false,

diff --git a/src/sections-itou-06.ejs b/src/sections-itou-06.ejs
@@ -160,9 +160,9 @@
 
       <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.js"></script>
       <script>
-        let slidingTabs = document.querySelector('[data-it-sliding-tabs=true]');
-        if (slidingTabs) {
-          let slider = tns({
+        document.querySelectorAll("[data-it-sliding-tabs=true]").forEach(function(slidingTabs) {
+          const slidingTabsStartIndex = Number.parseInt(slidingTabs.getAttribute("data-it-sliding-tabs-startindex")) || 0;
+          tns({
             container: slidingTabs,
             slideBy: "page",
             autoWidth: true,
@@ -173,8 +173,9 @@
             speed: 300,
             nav: false,
             controls: true,
+            startIndex: slidingTabsStartIndex,
           });
-        }
+        })
       </script>
   </body>