it-swarm.com.de

Verhindern, dass Twitter bootstrap carousel beim Laden der Seite automatisch verschoben wird

Gibt es also trotzdem eine Möglichkeit, zu verhindern, dass das Twitter bootstrap= Karussell beim Laden der Seite automatisch verschoben wird, wenn nicht auf die nächste oder vorherige Schaltfläche geklickt wird?

Vielen Dank

115
Tepken Vannkorn

Oder wenn Sie Bootstrap 3.0 verwenden, können Sie das Radfahren 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

254
Michal Kopec

Eigentlich ist das Problem jetzt gelöst. Ich habe der Methode 'carousel' das Argument 'pause' wie folgt hinzugefügt:

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

Wie auch immer, vielen Dank @Yohn für Ihre Tipps zu dieser Lösung.

53
Tepken Vannkorn

Das Problem, dass das Karussell nach dem Drücken der vorigen/nächsten Taste automatisch verschoben wird, wurde behoben.

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

GitHub-Commit 78b927b

43
Srnux

wenn Sie Bootstrap 3 verwenden , setzen Sie data-interval="false" über die HTML-Struktur des Karussells

beispiel:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">
17
marciocst
  • Verwenden data-interval="false" zum Stoppen des automatischen Dia
  • Verwenden data-wrap="false", um die runde Folie anzuhalten
10
Anil Ram

füge dies zu deinem Kurs hinzu div:

data-interval="false"
10
Dylan B

Unten ist die Liste der Parameter für bootstrap Karussell. Wie Intervall, Pause, Wrap:

enter image description here

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, wenn das Karussell geladen ist.

5
Vikash Pandey

Ich denke, vielleicht solltest du die offiziellen Anweisungen zum Karussell lesen, für mich habe ich oben keine Antwort gefunden, da ich mehrere Versionen von Bootstrap verwende und möchte der Autoplay-Effekt stoppt.

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

dieses Skript hat keinen Effekt, während die Maus diese Seite verlässt, genau den Karussellbereich. gehe zur offiziellen Definition und finde diese:

enter image description here

Wenn das Ereignis "why.if carousel page onmouseover" ausgelöst wird, wird die Seite angehalten. Wenn Sie die Maus über diese Seite bewegen, wird sie wieder fortgesetzt.

Wenn Sie also eine Seite für immer anhalten und manuell drehen möchten , können Sie einfach data-interval='false'.

2
Crabime

Entfernen Sie für Bootstrap 4 einfach das 'data-ride = "carousel"' aus dem Karussell-Div. Dadurch wird die automatische Wiedergabe zum Ladezeitpunkt entfernt.

Um die automatische Wiedergabe wieder zu aktivieren, müssten Sie immer noch den Aufruf "play" in Javascript verwenden.

1
James

--Verwenden Sie data-interval = "false", um die automatische Folie anzuhalten. --Verwenden Sie data-wrap = "false", um die kreisförmige Folie anzuhalten

1
Anil Kumar Ram