podaran3/javascript.js at main · leadersboat/podaran3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
let currentIndex = 0;

let slideIndex = 0;
const slides = document.querySelectorAll('.carousel-slide img');
const totalSlides = slides.length;

function showSlides() {
  slides.forEach((slide) => {
    slide.style.display = 'none';
  });

  slideIndex++;
  if (slideIndex > totalSlides) {
    slideIndex = 1;
  }

  slides[slideIndex - 1].style.display = 'block';
  setTimeout(showSlides, 3000); // Change image every 3 seconds
}

function changeSlide(n) {
  slideIndex += n;
  if (slideIndex > totalSlides) {
    slideIndex = 1;
  } else if (slideIndex < 1) {
    slideIndex = totalSlides;
  }

  slides.forEach((slide) => {
    slide.style.display = 'none';
  });

  slides[slideIndex - 1].style.display = 'block';
}

showSlides(); // Start the slideshow automatically


function autoSlide() {
    currentIndex++;
    showSlide(currentIndex);
}

setInterval(autoSlide, 3000);