INFORMACION DESTACADA

A continuación consulta nuestro libro de Información destacada.

document.addEventListener('DOMContentLoaded', function() { var slides = document.querySelectorAll('.carousel-slide'); var currentIndex = 0; var totalSlides = slides.length; function goToNextSlide() { // Mover al siguiente slide currentIndex = (currentIndex + 1) % totalSlides; // Si llega al final, vuelve al primero var offset = -currentIndex * 100; // Mover el carrusel a la posición correcta document.querySelector('.carousel-container').style.transform = 'translateX(' + offset + '%)'; } // Cambiar automáticamente cada 5 segundos (puedes ajustar el tiempo) setInterval(goToNextSlide, 5000); // Opcional: Botones de navegación (anterior y siguiente) var nextButton = document.createElement('button'); nextButton.textContent = 'Siguiente'; nextButton.onclick = goToNextSlide; document.querySelector('.carousel-container').appendChild(nextButton); });