Skip to content
// Auto-play carousel
document.addEventListener('DOMContentLoaded', function() {
const carousel = document.querySelector('.new-grid'); // Adjust selector based on your carousel container
if (carousel) {
let currentIndex = 0;
const items = carousel.querySelectorAll('.carousel-item'); // Adjust selector for carousel items
// Function to show next item
function showNextItem() {
items[currentIndex].classList.remove('active');
currentIndex = (currentIndex + 1) % items.length;
items[currentIndex].classList.add('active');
}
// Auto-play interval (adjust timing as needed)
const interval = setInterval(showNextItem, 5000); // Adjust interval time (e.g., 5000 for 5 seconds)
// Pause auto-play on hover
carousel.addEventListener('mouseover', function() {
clearInterval(interval);
});
// Resume auto-play on mouse leave
carousel.addEventListener('mouseleave', function() {
interval = setInterval(showNextItem, 5000); // Adjust interval time if needed
});
}
});