Skip to content
// ETOS Carousel - Add to WordPress via Customizer > Additional JavaScript
// Or use a plugin like "Insert Headers and Footers"
(function() {
let currentSlideIndex = 0;
function setSlide(index) {
const slides = document.querySelectorAll('.carousel-slide');
const dots = document.querySelectorAll('.carousel-dot');
slides.forEach((slide, i) => {
slide.classList.toggle('active', i === index);
slide.style.display = i === index ? 'block' : 'none';
});
dots.forEach((dot, i) => {
dot.classList.toggle('active', i === index);
});
currentSlideIndex = index;
}
// Make setSlide global for dot clicks
window.setSlide = setSlide;
// Auto-advance every 6 seconds
setInterval(function() {
setSlide((currentSlideIndex + 1) % 3);
}, 6000);
// Article expand/collapse
window.showArticle = function(id) {
document.getElementById(id).classList.add('active');
document.getElementById(id).scrollIntoView({behavior: 'smooth'});
};
window.hideArticle = function(id) {
document.getElementById(id).classList.remove('active');
};
})();