Запобігання каруселі завантажувального пристрою щебетання від автоматичного ковзання при завантаженні сторінки


119

Так чи все-таки не можна запобігти автоматичному ковзанню завантажувальної сторінки завантажувача сторінки, якщо не натиснути наступну або попередню кнопку?

Дякую

Відповіді:


263

Або якщо ви використовуєте Bootstrap 3.0, ви можете зупинити рух циклу, наприклад, з інтервалом даних = "false"

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

Інші корисні атрибути даних каруселі є тут -> http://getbootstrap.com/javascript/#carousel-usage


4
Це не стовідсоткова відповідь на питання, оскільки це також не дає їй їздити на велосипеді навіть при натисканні кнопки. Але це було саме те, що я шукав. Тож дякую все одно!
Тілліто

3
data-interval="false"також працює з Bootstrap 4
Ionuț Ciuta

53

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

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

У будь-якому випадку, велике спасибі @Yohn за поради щодо цього рішення.


7
Це почне ковзати після попереднього / наступного, погляньте на stackoverflow.com/a/18208327/463065, якщо це не те, що ви шукаєте.
Труфа

для більш конкретного буде $(function(){ $("#idName").carousel('pause'); });
roger

43

Проблема з каруселем, яка автоматично ковзає після натискання кнопок попереднього / наступного, вирішена.

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

GitHub фіксує 78b927b


17

якщо ви використовуєте bootstrap 3, встановлений data-interval="false"на структурі HTML каруселі

приклад:

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

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


5

Нижче наведено список параметрів каруселі завантажувача. Як Інтервал, пауза, обгортання:

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

Для отримання більш детальної інформації перейдіть за цим посиланням:

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

Сподіваюся, це допоможе вам :)

Примітка. Це для отримання додаткової допомоги. Я маю на увазі, як ви можете налаштувати або змінити поведінку за замовчуванням після завантаження каруселі.


2

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

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

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

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

Тож ви знайдете, чому. Якщо запускається подія каруселі при переході миші, сторінка буде призупинена, а миша з цієї сторінки відновиться знову.

Отже, якщо ви хочете, щоб сторінка назавжди зупинялася і оберталася вручну , ви можете просто встановити data-interval='false'.


1

- Використовуйте data-interval = "false", щоб зупинити автоматичний слайд --Use data-wrap = "false", щоб зупинити круговий слайд

...

1

Для Bootstrap 4 просто вийміть 'data-ride =' carousel '' з діру каруселі. Це видаляє автоматичне відтворення під час завантаження.

Щоб знову ввімкнути автоматичне відтворення, вам все одно доведеться використовувати дзвінок "відтворити" в JavaScript.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.