From 3e4a77e998bbd8f3eb1c08780f32672614f0daca Mon Sep 17 00:00:00 2001 From: acki Date: Tue, 3 Sep 2024 10:45:45 -0400 Subject: [PATCH] slider was doing weird things --- slideshow.js | 29 +++++++++++++++++++---------- 1 file changed, 19 insertions(+), 10 deletions(-) diff --git a/slideshow.js b/slideshow.js index 472691a..1835f55 100644 --- a/slideshow.js +++ b/slideshow.js @@ -1,22 +1,31 @@ -let slideIndex = 1; -showSlides(slideIndex); +let slideIndex = 0; +let timer; function plusSlides(n) { - showSlides(slideIndex += n); + if (timer) clearTimeout(timer); + slideIndex+=n; + showSlides(); } function currentSlide(n) { - showSlides(slideIndex = n); + if (timer) clearTimeout(timer); + slideIndex = n; + showSlides(); } -function showSlides(n) { +function showSlides() { let i; let slides = document.getElementsByClassName("slide"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } - slideIndex++; - if (slideIndex > slides.length) {slideIndex = 1} - slides[slideIndex-1].style.display = "flex"; - setTimeout(showSlides, 5000); -} \ No newline at end of file + if (slideIndex > slides.length - 1) {slideIndex = 0} + slides[slideIndex].style.display = "flex"; + + timer = setTimeout(() => { + slideIndex++; + showSlides(); + }, 5000); +} + +showSlides(slideIndex);