Is it possible to prevent the Bootstrap carousel pause on mouse hover and continue automatically cycling?

Javascript Problem Overview

Is it possible to prevent the Bootstrap carousel pause on mouse hover behaviour and continue automatically cycling through the items instead?

The documentation only mentions the default behaviour of pause: "hover", if I change the pause argument to anything else then the carousel stops working altogether so I'm not sure how to disable this default behaviour.

Javascript Solutions

Solution 1 - Javascript

I've found that a value of "false" will cause the carousel to keep cycling during a mouseover:

$('.carousel').carousel({
    pause: "false"
});

I am using Twitter Bootstrap v2.0.2

Solution 2 - Javascript

You can add this to the div .carousel too instead of using javascript.

Add delay time:

data-interval="3000"

Add if it pauses on hover or not, options are true and false

data-pause="false"

Example would be:

<div id="carousel" class="carousel" data-ride="carousel" data-interval="3000" data-pause="false">

This worked for me.

Solution 3 - Javascript

$('.carousel').carousel({
        pause: 'none'
    })

for Bootstrap v3.3.4

Solution 4 - Javascript

Bootstrap 4 Remove Pause on hover

$('.carousel').carousel({
    interval: 2000,
    cycle: true,
    pause: "null"
})

Solution 5 - Javascript

For anyone still visiting this thread, in the most recent version of 4.1.3, use null without quotations. Maybe quotes were required in previous v.4 versions, but not the case now:

$('.carousel').carousel({
    interval: 2000,
    cycle: true,
    pause: null
})

Solution 6 - Javascript

In Bootstrap 4 :

> data-pause="false"

Eg: <div class="carousel slide" id="carousel" data-pause="false" data-ride="carousel">

This setting prevents the pause.

Solution 7 - Javascript

I have found that there are 2 things on which this cycling and pausing depends.

When mouse enters (mouseenter - pause sliding)
When mouse leaves (mouseleave - resume sliding)

Just change following line of code in your js/bootstrap.js file to allow continuous sliding.

.on('mouseenter', $.proxy(this.pause, this)) to

.on('mouseenter', $.proxy(this.**cycle**, this))

Content Type	Original Author	Original Content on Stackoverflow
Question	Andy Bowskill	View Question on Stackoverflow
Solution 1 - Javascript	xcer	View Answer on Stackoverflow
Solution 2 - Javascript	JCBrown	View Answer on Stackoverflow
Solution 3 - Javascript	wpdevramki	View Answer on Stackoverflow
Solution 4 - Javascript	Abdul Razak	View Answer on Stackoverflow
Solution 5 - Javascript	Nicholas Rotondo	View Answer on Stackoverflow
Solution 6 - Javascript	user2467647	View Answer on Stackoverflow
Solution 7 - Javascript	Yogesh Chaudhari	View Answer on Stackoverflow