Можно ли предотвратить приостановку карусели Bootstrap при наведении курсора мыши и продолжить автоматическое циклическое перемещение?

Можно ли предотвратить приостановку карусели Bootstrap при поведении мыши и продолжить автоматическое циклическое перемещение элементов?

В документации упоминается поведение по умолчанию pause: "hover", если я изменяю аргумент паузы на что-либо еще, тогда карусель перестает работать вообще, поэтому я не уверен, как отключить это поведение по умолчанию.

Ответы

Ответ 1

Я обнаружил, что значение "false" приведет к тому, что карусель будет продолжать циклирование во время мыши:

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

Я использую Twitter Bootstrap v2.0.2

Ответ 2

Вы можете добавить это в div. carousel, вместо того, чтобы использовать javascript.

Добавить время задержки:

data-interval="3000"

Добавьте, если он приостанавливается при наведении или нет, параметры true и false

data-pause="false"

Пример:

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

Это сработало для меня.

Ответ 3

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

для Bootstrap v3.3.4

Ответ 4

Bootstrap 4 Удалить паузу при зависании

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

Ответ 5

Я обнаружил, что есть две вещи, от которых зависит эта цикличность и пауза.

  • Когда мышь входит (мышиный центр - пауза скользящей)
  • Когда листья мыши (мышь - возобновление скольжения)

Просто измените следующую строку кода в файле js/bootstrap.js, чтобы разрешить непрерывное скольжение.

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

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