document.addEventListener("DOMContentLoaded",function () {document.querySelectorAll("slideshow-component").forEach(function (component) {const slider = component.querySelector(".slider"); if (!slider) return; const slides = Array.from(component.querySelectorAll(".slider__slide")); if (slides.length <= 1) return; const autoplay = slider.dataset.autoplay === "true"; const speed = parseInt(slider.dataset.speed || "5",10) * 1000; let current = 0; let interval = null; function showSlide(index) {slides.forEach(function (slide,i) {slide.style.display = i === index ? "" : "none";}); current = index;} function next() {showSlide((current + 1) % slides.length);} function prev() {showSlide((current - 1 + slides.length) % slides.length);} // Inicializace showSlide(0); // Autoplay if (autoplay) {interval = setInterval(next,speed);} // \160ipky const prevBtn = component.querySelector(".slider-button--prev"); const nextBtn = component.querySelector(".slider-button--next"); if (prevBtn) prevBtn.addEventListener("click",function () {clearInterval(interval); prev(); if (autoplay) interval = setInterval(next,speed);}); if (nextBtn) nextBtn.addEventListener("click",function () {clearInterval(interval); next(); if (autoplay) interval = setInterval(next,speed);});});});{}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-slideshow.css.map */