Предотвращение Twitter начальной загрузки карусель с автоматической раздвижной на странице загрузки

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

спасибо

9 107
jquery twitter-bootstrap carousel

9 ответов:

или если вы используете Bootstrap 3.0, вы можете остановить цикл с помощью Data-interval= "false", например

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

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

231

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

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

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

52

решена проблема с автоматическим скольжением карусели после нажатия кнопки prev / next. 

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

GitHub commit 78b927b

40

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

пример: 

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

добавьте это в свой курс div:

data-interval="false"
11
  • использовать data-interval="false" чтобы остановить автоматическое слайд -
  • использовать data-wrap="false" чтобы остановить циклическое слайд -
10

Ниже приведен список параметров для bootstrap carousel. Как интервал, пауза, обертывание:

enter image description here

для получения более подробной информации см. Эту ссылку:

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

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

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

5

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

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

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

enter image description here

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

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

2

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

...
1