Так есть ли способ предотвратить автоматическое скольжение карусели twitter bootstrap при загрузке страницы, если не нажата следующая или предыдущая кнопка?
Спасибо
Предотвращение автоматического скольжения карусели twitter bootstrap при загрузке страницы
Ответы:
Или, если вы используете Bootstrap 3.0, вы можете остановить цикл, например, с помощью data-interval = "false"
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
Другие полезные атрибуты данных карусели находятся здесь -> http://getbootstrap.com/javascript/#carousel-usage
4
Это не стопроцентный ответ на вопрос, потому что он также предотвращает циклическое переключение даже при нажатии кнопки. Но это было именно то, что я искал. Так что все равно спасибо!
—
Tillito
data-interval="false"также работает с Bootstrap 4
Собственно, проблема решена. Я добавил аргумент «пауза» в метод «карусель», как показано ниже:
$(document).ready(function() {
$('.carousel').carousel('pause');
});
В любом случае, большое спасибо @Yohn за советы по поводу этого решения.
Это начнет скользить после prev / next, посмотрите stackoverflow.com/a/18208327/463065, если это не то, что вы ищете.
—
Trufa
для более конкретного
—
Роджер
$(function(){ $("#idName").carousel('pause'); });
Решена проблема с автоматическим скольжением карусели после нажатия кнопки назад / вперед.
$('.carousel').carousel({
pause: true,
interval: false
});добавьте это в свой div Coursel:
data-interval="false"
Ответ Майкла Копека от 2 лет назад уже говорит об этом.
—
All Workers Are Essential
Ниже приведен список параметров загрузочной карусели. Например, интервал, пауза, перенос:
Для получения дополнительной информации перейдите по этой ссылке:
http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp
Надеюсь, что это поможет вам :)
Примечание: это дополнительная помощь. Я имею в виду, как вы можете настроить или изменить поведение по умолчанию после загрузки карусели.
Я думаю, может быть, вам стоит проверить официальную инструкцию по карусели, для меня я не нашел ответа выше, из-за нескольких версий начальной загрузки я использую b4-alpha и хочу, чтобы эффект автозапуска остановился.
$(document).ready({
pause:true,
interval:false
});этот скрипт не работает, пока мышь покидает эту страницу, а именно область карусели. перейдите к официальному определению и найдите те:
Итак, вы поймете, почему. Если срабатывает событие карусели onmouseover, страница приостанавливается, а когда указатель мыши выходит за пределы этой страницы, она возобновляется снова.
Итак, если вы хотите, чтобы страница останавливалась навсегда и вращалась вручную , вы можете просто установить data-interval='false'.
--Используйте data-interval = "false", чтобы остановить автоматическое скольжение. --Используйте data-wrap = "false", чтобы остановить круговое скольжение.
...