Twitter Bootstrap Carrousel de lecture automatique de la charge
En utilisant twitter bootstrap cadre, comment est-il possible d'invoquer le carrousel à " auto diapositive.' Signification lorsque la page se charge, le carrousel défile automatiquement.
J'ai essayé un javascript onLoad cliquez sur la fonction de la <a>
de le lien suivant, mais cela n'a pas fonctionné.
- Il doit démarrer la lecture automatiquement sans que vous ayez à faire quoi que ce soit. Ca vous manuellement cliquez sur les liens suivants/précédents et il fonctionne?
- CoffeeScript autoplay: $ -> $('#myCarousel').(manège)
- Simple d'ajouter le mot "auto", à div class <div id="yourID" class="carrousel de la diapositive auto">
- double possible de Comment puis-je faire le bootstrap js carrousel automatiquement le cycle dès que le chargement de la page?
Vous devez vous connecter pour publier un commentaire.
vous devriez faire comme les Twitter Bootstrap, Documentation dit à propos de Carousel, le premier Carrousel de la diapositive élément avec class="active" et initialiser le js pour le carrousel de cette façon:
puis si c'est pas assez (mais cela ne m'est jamais arrivé) utiliser le bruteforce déclencher le clic placez le carrousel boutons de commande comme ceci:
mais c'est juste un non-nécessaire truc, vraiment, il suffit de suivre les documentantion!
Simple. Il vous manque le "data-ride" attribut dans la balise div.
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
Comme pour les docs, vous devez initialiser le Carrousel plugin via JavaScript. Le carrousel exemple sur le site officiel de Bootstrap, documentation page est initialisé dans le application.js fichier sur les lignes 67-68:
qui lui donne les paramètres par défaut.
Si vous souhaitez spécifier l'intervalle de cycle, vous pouvez définir la
interval
propriété en millisecondes:L'insérer dans le document de prêt-bloc de rendre auto-start pour moi
<div id="myCarousel" class="carousel slide" data-ride="carousel">
fonctionne pour moi, ce que j'ai été le manque de données-ride de l'attribut.J'espère que cela va aider beaucoup de gens.
Merci stackoverflow, vous avez été très utile pour moi sur la plupart des motifs. Suis content de cette communauté existe.
Vous pouvez utiliser le de données de l'intervalle de l'attribut de la balise html auto play:
de données de l'intervalle de: La durée en millisecondes de délai entre automatiquement le vélo d'un élément. Si la valeur est false, le manège ne sera pas automatiquement le cycle.
VOUS AVEZ BESOIN D'AJOUTER
Juste ajouter
data-interval="5000"
à ladiv
avec l'IPcarouselExampleIndicators
.Comme ceci:
Il suffit d'ajouter la classe "glissement" vers le carrousel balise div, comme ceci: