How can I set the delay speed of the carousel loop? I want onmauseove to run instantly without delay
You can try with this javascript
const myCarousel = document.querySelector('#carousel-1');
const carousel = new bootstrap.Carousel(myCarousel);
myCarousel.addEventListener('mouseenter', () => {
document.querySelectorAll('.carousel-item').forEach((slide) => slide.setAttribute('data-bs-interval', 10));
carousel.next();
});
myCarousel.addEventListener('mouseleave', () => {
document.querySelectorAll('.carousel-item').forEach((slide) => slide.setAttribute('data-bs-interval', 5000));
carousel.next();
});