wait #7127 @0:20

diff --git a/wp-content/themes/CCV/resources/assets/scripts/header-slideshow.js b/wp-content/themes/CCV/resources/assets/scripts/header-slideshow.js
index 6a79cf871c3a18672a9efb1cdf05d946c85dfacd..14c95c3d1e78b9b37c3431242fa271db411bdf3d 100644 (file)
--- a/wp-content/themes/CCV/resources/assets/scripts/header-slideshow.js
+++ b/wp-content/themes/CCV/resources/assets/scripts/header-slideshow.js
@@ -8,7 +8,7 @@ import debounce from 'lodash.debounce';
       // Inspired by: https://www.sitepoint.com/make-a-simple-javascript-slideshow-without-jquery/
       const slides = $scope.find('.header-slideshow-image');
       const slidesText = $scope.find('.header-slideshow-content');
-      const slideInterval = setInterval(nextSlide, 13000);
+      let slideInterval = setInterval(nextSlide, 12000);
       let currentSlide = 0;
       let headerHeight = $("header.site").get(0).getBoundingClientRect().height
 
@@ -53,6 +53,11 @@ import debounce from 'lodash.debounce';
         currentSlide = (index + slides.length) % slides.length;
         addBySlides(slides)
         addBySlides(slidesText)
+
+        if(currentSlide === 0 || currentSlide === 3) {
+          clearInterval(slideInterval)
+        }
+
       }
 
       function removeBySlide(slides) {
@@ -69,6 +74,12 @@ import debounce from 'lodash.debounce';
 
       function nextSlide() {
         showSlide(currentSlide + 1);
+
+        if(currentSlide === 0) {
+          slideInterval = setInterval(nextSlide, 12000)
+        }else if(currentSlide === 3) {
+          slideInterval = setInterval(nextSlide, 9000)
+        }
       }
       function prevSlide() {
         showSlide(currentSlide - 1);