background-slider.js

// background-slider.js
document.addEventListener('DOMContentLoaded', () => {
    const slider = document.getElementById('background-slider');
    if (!slider) return;

    const images = slider.querySelectorAll('img');
    let currentIndex = 0;

    function showImage(index) {
        images.forEach((img, i) => {
            if (i === index) {
                img.classList.add('active');
            } else {
                img.classList.remove('active');
            }
        });
    }

    function nextImage() {
        currentIndex = (currentIndex + 1) % images.length;
        showImage(currentIndex);
    }

    // Afficher la première image immédiatement
    if (images.length > 0) {
        showImage(currentIndex);
    }

    // Changer d'image toutes les 5 secondes
    setInterval(nextImage, 5000);
});