Made an infinite loop

Aiyaret-Sandhu · Dec 1, 2023 · aa1a5d3 · aa1a5d3
1 parent a5648c7
commit aa1a5d3
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -700,6 +700,8 @@ <h1 class="heading">&#127775; Author Details &#127775;</h1>
 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
+        <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+
         <script src="js/readmore.js"></script>
 
     </body>

diff --git a/js/second.js b/js/second.js
@@ -1,27 +1,51 @@
-var swiper = new Swiper(".product-slider", {
-    loop: true,
-    spaceBetween: 10,
-
-    autoplay: {
-        loop: true,
-        delay: 2500,
-        disableOnInteraction: false,
-    },
-    speed:3000,
+// var swiper = new Swiper(".product-slider", {
+//     loop: true,
+//     spaceBetween: 10,
+
+//     autoplay: {
+//         loop: true,
+//         delay: 2500,
+//         disableOnInteraction: false,
+//     },
+//     speed:3000,
 
-    breakpoints: {
-      0: {
-        slidesPerView: 1,
-      },
-      768: {
-        slidesPerView: 2,
+//     breakpoints: {
+//       0: {
+//         slidesPerView: 1,
+//       },
+//       768: {
+//         slidesPerView: 2,
+//       },
+//       1020: {
+//         slidesPerView: 3,
+//       },
+//     },
+// });
+
+document.addEventListener('DOMContentLoaded', function () {
+  var swiper = new Swiper(".product-slider", {
+      autoplay: {
+          delay: 2500,
       },
-      1020: {
-        slidesPerView: 3,
+      pagination: {
+          el: '.swiper-pagination',
+          clickable: true,
       },
-    },
+      breakpoints: {
+              0: {
+                slidesPerView: 1,
+              },
+              768: {
+                slidesPerView: 2,
+              },
+              1020: {
+                slidesPerView: 3,
+              },
+            }
+  });
 });
 
+
 // var swiper = new Swiper(".review-slider", {
 //     loop: true,
 //     spaceBetween: 10,