web-dev-qa-db-fra.com

Bootstrap Carrousel: Supprimer le glissement automatique

J'utilise Bootstrap Carousel. Tout ce que je veux, c'est que le curseur ne glisse que lorsque l'utilisateur clique sur une navigation ou une pagination. J'ai essayé d'enlever

$('.carousel').carousel({
    interval: 6000
});

Cela fonctionne bien, mais mon problème est qu’une fois que j’ai déjà cliqué sur une navigation ou une pagination, c’est maintenant automatique. Est-il possible de supprimer la fonction de glissement automatique? Si c'est le cas, comment?

javascriptjquerytwitter-bootstrap
100
khatz0406

S'il vous plaît essayez d'ajouter:

interval: false

cela fera l’arrêt automatique du glissement car il n’a pas ajouté de millisecondes et ne glissera jamais.

196
Iliya Reyzis

De la document officiel :

intervalle Intervalle de temps entre le cyclage automatique d'un élément. Si false , le carrousel ne se déroulera pas automatiquement.

Vous pouvez soit transmettre cette valeur avec JavaScript ou utiliser un attribut data-interval="false".

100
Diego Agulló

Vous avez juste besoin d'ajouter un attribut supplémentaire à votre balise DIV qui est

data-interval="false"

pas besoin de toucher JS!

44
Nikunj Dhimar

Modifier/Ajouter à data-interval = "false" sur le carrousel div

<div class="carousel slide" data-ride="carousel" data-type="multi" data-interval="false" id="myCarousel">
27
Arun

S'il vous plaît essayez ce qui suit:

<script>
    $(document).ready(function() {      
        $('.carousel').carousel('pause');
    });
</script>
6
Nikit Barochiya

data-interval = "false"

Ajoutez ceci à la div correspondante ...

4
user6560814
$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: 40000,
  });
});

En utilisant le script ci-dessus, vous pourrez déplacer les images automatiquement

$(document).ready(function() {
  $('#media').carousel({
    pause: true,
    interval: false,
  });
});

En utilisant le script ci-dessus, auto-rotation sera bloqué car interval est false

3
Nitin Anvekar