Gibt es also eine Möglichkeit, das automatische Verschieben des Twitter-Bootstrap-Karussells beim Laden der Seite zu verhindern, sofern nicht auf die nächste oder vorherige Schaltfläche geklickt wird?
Vielen Dank
Verhindern, dass das Twitter-Bootstrap-Karussell beim Laden der Seite automatisch verschoben wird
Antworten:
Wenn Sie Bootstrap 3.0 verwenden, können Sie den Zyklus beispielsweise mit data-interval = "false" stoppen
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
Weitere hilfreiche Karusselldatenattribute finden Sie hier -> http://getbootstrap.com/javascript/#carousel-usage
4
Dies ist nicht zu 100% die Antwort auf die Frage, da sie das Radfahren auch dann verhindert, wenn auf eine Schaltfläche geklickt wird. Aber es war genau das, wonach ich gesucht habe. Also trotzdem danke!
—
Tillito
data-interval="false"funktioniert auch mit Bootstrap 4
Eigentlich ist das Problem jetzt gelöst. Ich habe das Argument 'pause' wie folgt zu der Methode 'carousel' hinzugefügt:
$(document).ready(function() {
$('.carousel').carousel('pause');
});Wie auch immer, vielen Dank @Yohn für Ihre Tipps zu dieser Lösung.
Dies wird nach prev / next abrutschen. Schauen Sie sich stackoverflow.com/a/18208327/463065 an, wenn Sie nicht danach suchen.
—
Trufa
für eine spezifischere wäre
—
Roger
$(function(){ $("#idName").carousel('pause'); });
Das Problem, dass das Karussell nach dem Drücken der vorherigen / nächsten Taste automatisch rutscht, ist behoben.
$('.carousel').carousel({
pause: true,
interval: false
});füge dies deinem coursel div hinzu:
data-interval="false"
Michael Kopecs Antwort von vor 2 Jahren sagt dies bereits.
—
Alle Arbeiter sind essentiell
Unten finden Sie eine Liste der Parameter für das Bootstrap-Karussell. Wie Intervall, Pause, Wrap:
Weitere Details finden Sie unter diesem Link:
http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp
Hoffe das wird dir helfen :)
Hinweis: Dies ist eine weitere Hilfe. Ich meine, wie Sie das Standardverhalten anpassen oder ändern können, sobald das Karussell geladen ist.
Ich denke, vielleicht sollten Sie die offiziellen Anweisungen zum Karussell lesen. Für mich habe ich oben keine Antwort gefunden. Aufgrund mehrerer Bootstrap-Versionen verwende ich b4-alpha und möchte, dass der Autoplay-Effekt gestoppt wird.
$(document).ready({
pause:true,
interval:false
});Dieses Skript hat keine Auswirkung, wenn die Maus diese Seite verlässt, genau den Karussellbereich. Gehen Sie zur offiziellen Definition und finden Sie diese:
Wenn Sie also ein Ereignis auslösen, wird die Seite angehalten, während die Maus von dieser Seite entfernt wird, wird sie wieder fortgesetzt.
Wenn Sie also möchten, dass eine Seite für immer stoppt und manuell gedreht wird , können Sie sie einfach festlegen data-interval='false'.
- Verwenden Sie data-interval = "false", um die automatische Folie zu stoppen. - Verwenden Sie data-wrap = "false", um die kreisförmige Folie zu stoppen
...