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

This will work!

(function($) {
$(document).ready(function(){
    $('.carousel').carousel({
        pause: 'hover'
    });

}); }(jQuery));