From: soufiane Date: Wed, 6 Nov 2024 12:17:07 +0000 (+0100) Subject: wait #7127 @0:20 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=55a1e482728b6ce5a55fa02cd6003b6b03e6de19;p=spinepro.git 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 6a79cf87..14c95c3d 100644 --- 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);