Updated the delay and css

hlxsites · Nov 10, 2023 · f434adf · f434adf
1 parent d28421f
commit f434adf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/blocks/hero-carousel/hero-carousel.js b/blocks/hero-carousel/hero-carousel.js
@@ -71,16 +71,16 @@ export default function decorate(block) {
     if (deltaX > 50 && currentIndex > 0) {
       goToSlide(currentIndex - 1);
       clearInterval(interval);
-      interval = setInterval(showNextSlide, 70000);
+      interval = setInterval(showNextSlide, 7000);
     } else if (deltaX < -50 && currentIndex < slideCount - 1) {
       goToSlide(currentIndex + 1);
       clearInterval(interval);
-      interval = setInterval(showNextSlide, 70000);
+      interval = setInterval(showNextSlide, 7000);
     }
   });
 
   // Start the automatic slide transition
-  interval = setInterval(showNextSlide, 70000); // Change slide every 7 seconds
+  interval = setInterval(showNextSlide, 7000); // Change slide every 7 seconds
 
   // Pause the automatic transition when a user hovers over the carousel
   block.addEventListener('mouseenter', () => {
@@ -89,6 +89,6 @@ export default function decorate(block) {
 
   // Resume the automatic transition when a user leaves the carousel
   block.addEventListener('mouseleave', () => {
-    interval = setInterval(showNextSlide, 70000);
+    interval = setInterval(showNextSlide, 7000);
   });
 }
diff --git a/styles/Typo.css b/styles/Typo.css
@@ -1176,6 +1176,7 @@ form.hs-form .hs-input[type="checkbox"] {
 .hero-carousel-slide {
     position: relative;
     animation: fade-out 0.3s ease-in-out;
+    display: none;
 }
 
 .hero-carousel-slide > div:nth-child(1) picture > img {