Achim Meylan

Noham Crelier·mai 12, 2026·0 commentaire

Noham Crelier

Articles en lien

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(); } });