document.addEventListener("DOMContentLoaded", function () {
const gallery = document.querySelector('slider-component[id^="GalleryViewer"]');
if (!gallery) return;
const slides = gallery.querySelectorAll('.slider__slide');
const nextButton = gallery.querySelector('.slider-button--next');
let currentIndex = 0;
const totalSlides = slides.length;
const intervalTime = 4000; // Time between slides (ms)
function goToNextSlide() {
currentIndex = (currentIndex + 1) % totalSlides;
slides[currentIndex].scrollIntoView({ behavior: 'smooth', inline: 'start' });
}
if (totalSlides > 1) {
setInterval(goToNextSlide, intervalTime);
}
});
document.addEventListener("DOMContentLoaded", function () {
const gallery = document.querySelector('slider-component[id^="GalleryViewer"]');
if (!gallery) return;
const slides = gallery.querySelectorAll('.slider__slide');
const nextButton = gallery.querySelector('.slider-button--next');
let currentIndex = 0;
const totalSlides = slides.length;
const intervalTime = 4000; // Time between slides (ms)
function goToNextSlide() {
currentIndex = (currentIndex + 1) % totalSlides;
slides[currentIndex].scrollIntoView({ behavior: 'smooth', inline: 'start' });
}
if (totalSlides > 1) {
setInterval(goToNextSlide, intervalTime);
}
});