Passer au contenu principal
const slides = document.querySelectorAll('.slide');
let current = 0;
function updateCarousel() {
slides.forEach((slide, index) => {
// reset
slide.classList.remove('active', 'left', 'right');
// centre
if (index === current) {
slide.classList.add('active');
}
// gauche
else if (index === current - 1) {
slide.classList.add('left');
}
// droite
else if (index === current + 1) {
slide.classList.add('right');
}
});
}
// init
updateCarousel();
// navigation clavier (test rapide)
document.addEventListener('keydown', (e) => {
if (e.key === 'ArrowRight') {
current = (current + 1) % slides.length;
updateCarousel();
}
if (e.key === 'ArrowLeft') {
current = (current - 1 + slides.length) % slides.length;
updateCarousel();
}
});