let currentSlide = 0; const slides = document.querySelectorAll('.wps-slider__slide'); const totalSlides = slides.length; const dotsContainer = document.querySelector('.wps-slider__dots'); let wpsAutoSlideInterval; function showSlide(index) { slides.forEach((slide, i) => { slide.style.display = (i === index) ? 'block' : 'none'; }); updateDots(index); } function updateDots(index) { dotsContainer.innerHTML = ''; if (totalSlides > 1) { for (let i = 0; i < totalSlides; i++) { const dot = document.createElement('span'); dot.className = 'wps-slider__dot'; dot.addEventListener('click', () => { showSlide(i); resetAutoSlide(); }); dot.classList.toggle('active', i === index); dotsContainer.appendChild(dot); } dotsContainer.style.display = 'block'; } else { dotsContainer.style.display = 'none'; } } function startAutoSlideLockPage() { if (totalSlides > 1) { wpsAutoSlideInterval = setInterval(() => { currentSlide = (currentSlide + 1) % totalSlides; showSlide(currentSlide); }, 5000); } } function resetAutoSlide() { clearInterval(wpsAutoSlideInterval); startAutoSlideLockPage(); } if (totalSlides > 0) { showSlide(currentSlide); startAutoSlideLockPage(); }