document.addEventListener('DOMContentLoaded', function () { const carousel = document.querySelector('.your-carousel-class'); const items = carousel.querySelectorAll('.carousel-item'); function updateActiveItem() { items.forEach((item, index) => { // Aquí determinamos el elemento central if (index === Math.floor(items.length / 2)) { item.classList.add('active'); // Aplica la clase 'active' al elemento central } else { item.classList.remove('active'); } }); } // Llamamos la función una vez para iniciar updateActiveItem(); // Actualizamos el elemento activo después de cada cambio de slide en el carrusel carousel.addEventListener('afterChange', function() { updateActiveItem(); }); });