How can I pause a Bootstrap Carousel on hover and resume it on mouse-out?

Question

I have a Bootstrap Carousel on my website.

When the user hovers over an element #formcontainer, I\'d like to pause the carousel. And when I hover off, I

Answer 1

Use carousel cycle method on mouseleave event

$('#formcontainer').hover(function(){
   $("#myCarousel4").carousel('pause');
},function(){
   $("#myCarousel4").carousel('cycle');
});