Update carousel.js

hlxsites · Dec 14, 2023 · a0bb313 · a0bb313
1 parent 927c10b
commit a0bb313
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/cigaradvisor/blocks/carousel/carousel.js b/cigaradvisor/blocks/carousel/carousel.js
@@ -3,21 +3,26 @@ import { isExternal } from '../../scripts/scripts.js';
 
 function setAutoScroll(moveSlides, slidesWrapper) {
   let interval;
+  let interacting = false;
   setTimeout(() => {
-    interval = setInterval(() => {
-      moveSlides('next');
-    }, 6000);
-
-    // Stop auto-scroll on user interaction
-    slidesWrapper.addEventListener('mouseenter', () => {
-      clearInterval(interval);
-    });
+    if (!interacting) {
+      interval = setInterval(() => {
+        moveSlides('next');
+      }, 6000);
+    }
     slidesWrapper.addEventListener('mouseleave', () => {
+      interacting = false;
       interval = setInterval(() => {
         moveSlides('next');
       }, 6000);
     });
   }, 3000);
+
+  // Stop auto-scroll on user interaction
+  slidesWrapper.addEventListener('mouseenter', () => {
+    interacting = true;
+    clearInterval(interval);
+  });
 }
 
 function createButtons(moveSlides) {