Предотвращение твитер-бутстрап-карусели от автоматического скольжения при загрузке страницы

Так или иначе, чтобы предотвратить автоматическую разворачивание карусели на загрузочной странице Twitter при загрузке страницы, если не нажата следующая или предыдущая кнопка?

Спасибо

Ответ 1

Или, если вы используете Bootstrap 3.0, вы можете остановить цикл с интервалом данных = "false", например

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

Другие полезные атрибуты данных карусели находятся здесь → http://getbootstrap.com/javascript/#carousel-usage

Ответ 2

Собственно, проблема теперь решена. Я добавил аргумент "пауза" методу "карусель", как показано ниже:

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

В любом случае, большое спасибо @Yohn за советы по этому решению.

Ответ 3

Проблема с автоматической настройкой карусели после нажатия кнопки пре/на кнопку нажата.

$('.carousel').carousel({
    pause: true,
    interval: false
});

GitHub совершить 78b927b

Ответ 4

если вы используете bootstrap 3 set data-interval="false" в структуре HTML карусели

пример:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

Ответ 5

добавьте это в свой служебный div:

data-interval="false"

Ответ 6

  • Используйте data-interval="false" для остановки автоматического слайда
  • Используйте data-wrap="false" для остановки кругового слайда

Ответ 7

Ниже приведен список параметров для карусели бутстрапа. Как Interval, pause, wrap:

введите описание изображения здесь

Подробнее см. ссылку:

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

Надеюсь, это поможет вам:)

Примечание: Это для дальнейшей помощи. Я имею в виду, как вы можете настроить или изменить поведение по умолчанию после загрузки карусели.

Ответ 8

- Использовать интервал данных = "false" для остановки автоматического слайда - Использовать data-wrap = "false" для остановки кругового слайда

...

Ответ 9

Я думаю, может быть, вам стоит пойти на проверку официальной инструкции о карусели, для меня я не нашел ответ выше, из-за нескольких версий бутстрапа, я использую b4-alpha и , я хочу, чтобы эффект автовоспроизведения остановка.

$(document).ready({
    pause:true,
    interval:false
});

этот script не действует, когда мышь покидает эту страницу, точно карусельную область. перейти к официальному определению и найти те:

введите описание изображения здесь

Итак, вы увидите, почему. Если запущено событие карусельной страницы onmouseover, страница будет приостанавливаться, а выйдя из этой страницы, она снова возобновится.

Итак, если вы хотите, чтобы страница останавливалась навсегда и вращалась вручную, вы можете просто установить data-interval='false'.