Empêcher le carrousel twitter bootstrap de glisser automatiquement au chargement de la page

Question

Existe-t-il un moyen d'empêcher le carrousel twitter bootstrap de glisser automatiquement lors du chargement de la page, à moins de cliquer sur le bouton suivant ou précédent ?

Gracias

Answer 1

Ou si vous utilisez Bootstrap 3.0, vous pouvez arrêter le cycle avec data-interval="false" par exemple

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

D'autres attributs de données utiles du carrousel sont ici -> http://getbootstrap.com/javascript/#carousel-usage

Answer 2

En fait, le problème est maintenant résolu. J'ai ajouté l'argument 'pause' à la méthode 'carrousel' comme ci-dessous :

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

En tout cas, merci beaucoup @Yohn pour vos conseils vers cette solution.

Answer 3

Le problème du carrousel qui coulissait automatiquement après avoir appuyé sur le bouton "prev/next" est résolu.

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

GitHub commit 78b927b

Answer 4

Si vous utilisez bootstrap 3 set data-interval="false" sur la structure HTML du carrousel

exemple :

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

Answer 5

• Utilice data-interval="false" pour arrêter la glissière automatique
• Utilice data-wrap="false" pour arrêter le glissement circulaire