Zapobieganie automatycznemu przesuwaniu karuzeli bootstrap na Twitterze podczas ładowania strony

Czy jest w ogóle, aby zapobiec automatycznemu przesuwaniu się karuzeli bootstrap na Twitterze podczas ładowania strony, chyba że zostanie kliknięty następny lub poprzedni przycisk?

Dzięki

Lub jeśli używasz Bootstrap 3.0, możesz zatrzymać cykl, na przykład za pomocą data-interval = "false"

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

Inne pomocne atrybuty danych karuzeli są tutaj -> http://getbootstrap.com/javascript/#carousel-usage

Właściwie problem został już rozwiązany. Dodałem argument 'pauza' do metody 'karuzela' jak poniżej:

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

W każdym razie bardzo dziękuję @Yohn za wskazówki dotyczące tego rozwiązania.

Problem z automatycznym przesuwaniem karuzeli po naciśnięciu przycisku poprzedni / następny został rozwiązany.

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

GitHub commit 78b927b

jeśli używasz zestawu bootstrap 3data-interval="false" w strukturze HTML karuzeli

przykład:

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

• Służy data-interval="false"do zatrzymywania automatycznego przesuwania
• Służy data-wrap="false"do zatrzymywania okrągłego slajdu

dodaj to do swojego div coursel:

data-interval="false"

Poniżej znajduje się lista parametrów karuzeli bootstrap. Jak Interwał, pauza, zawijanie:

Aby uzyskać więcej informacji, skorzystaj z tego linku:

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

Mam nadzieję, że to ci pomoże :)

Uwaga: to służy do dalszej pomocy. Mam na myśli to, jak możesz dostosować lub zmienić domyślne zachowanie po załadowaniu karuzeli.

Myślę, że może powinieneś sprawdzić oficjalną instrukcję dotyczącą karuzeli, dla mnie nie znalazłem odpowiedzi powyżej, z powodu wielu wersji bootstrapa, używam b4-alpha i chcę zatrzymać efekt autoplay.

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

ten skrypt nie robi żadnego efektu, gdy mysz opuszcza tę stronę, dokładnie obszar karuzeli. przejdź do oficjalnej definicji i znajdź te:

Dzięki temu dowiesz się, dlaczego. Jeśli zostanie uruchomione zdarzenie karuzeli onmouseover, strona zostanie wstrzymana, a po wyjściu myszy z tej strony zostanie wznowiona.

Tak więc, jeśli chcesz, aby strona zatrzymała się na zawsze i obróciła ręcznie , możesz po prostu ustawić data-interval='false'.

--Użyj data-interval = "false", aby zatrzymać automatyczny slajd - Użyj data-wrap = "false", aby zatrzymać cykliczny slajd

W przypadku Bootstrap 4 po prostu usuń 'data-ride = "carousel"' z elementu div carousel. To usuwa autoodtwarzanie w czasie ładowania.

Aby ponownie włączyć autoodtwarzanie, nadal musiałbyś używać wywołania „play” w javascript.