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
Zapobieganie automatycznemu przesuwaniu karuzeli bootstrap na Twitterze podczas ładowania strony
Odpowiedzi:
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
4
Nie jest to w 100% odpowiedź na pytanie, ponieważ zatrzymuje również cykliczne działanie, nawet po kliknięciu przycisku. Ale to było dokładnie to, czego szukałem. W każdym razie dziękuję!
—
Tillito,
data-interval="false"współpracuje również z Bootstrap 4
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.
Zacznie się przesuwać po poprzedniej / następnej, spójrz na stackoverflow.com/a/18208327/463065, jeśli nie tego szukasz.
—
Trufa
dla bardziej konkretnego byłoby
—
roger
$(function(){ $("#idName").carousel('pause'); });
Problem z automatycznym przesuwaniem karuzeli po naciśnięciu przycisku poprzedni / następny został rozwiązany.
$('.carousel').carousel({
pause: true,
interval: false
});dodaj to do swojego div coursel:
data-interval="false"
Michael Kopeć za odpowiedź od 2 lat temu już mówi to zrobić.
—
Wszyscy pracownicy są niezbędni
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
...