Bootstrap carrousel suivant et précédent ne fonctionne pas
L'aide de la dernière version de la base de carrousel. J'ai eu à travailler avec tous les paramètres par défaut, cependant lorsque vous essayez d'ajouter ou de l'arrêt de certaines fonctions, les choses se casser ou ne pas travailler du tout. Je veux être en mesure de sélectionner manuellement à travers les images. Ne voulez pas qu'elle le cycle de lavage automatique. Je veux juste utiliser les boutons suivant et précédent pour passer d'. J'ai lu quelques post ici, mais les solutions ne fonctionnent pas aider/travail.
<div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<ul class="thumbnails">
<li>Img</li>
<li>Img</li>
<li>Img</li>
</ul>
</div>
<div class="item">
<ul class="thumbnails">
<li>Img</li>
<li>Img</li>
<li>Img</li>
</ul>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
$('#myCarousel').each(function() {
$(this).carousel({
interval: false
});
});
"pas de travail" peut être vague. Toutes les erreurs ou les moyens de ne pas travailler?
OriginalL'auteur alyus | 2013-04-04
Vous devez vous connecter pour publier un commentaire.
Vous pouvez câbler les événements de vous-même:
Vous pouvez bien sûr utiliser le
data-slide
ainsi, tout dépend de ce que vous voulez faire. Quelque chose comme ce qui fait la même chose que ci-dessus.Mais avez-vous le fil de vous-même...je pensais que le Bootstrap carrousel n'a pas l'exiger.
Vous pouvez utiliser les données-le glisser comme indiqué dans ma réponse bien qu'à l'époque je ne sais pas si il y avait quelques bugs ou quelque chose qui a empêché la prev/next de travail lorsque l'intervalle était éteint.
Étant un newbie, je n'ai pas pu directement en commentaire de cette réponse avec mon édité code. Voir ci-dessous pour une légère tweak qui "désactive" le prev/next liens de travail en ligne de la page d'ancrage (donc le déplacement de l'ensemble de la page ainsi que la diapositive 😉 )!
Si utile, mon pote.
OriginalL'auteur lucuma
J'ai eu quelques difficultés à coller du code dans un commentaire (newbie 🙂 ) mais j'ai pris Lucuma post et ajouté un peu de code pour prévenir à la fois le précédent et suivant des liens de travailler comme un inline page d'ancrage. À l'aide du code ci-dessous, vous empêcher ça, mais encore glisser vers l'arrière/transmet comme tu le voulais.
C'est de travailler pour moi. Merci!
OriginalL'auteur Anneke Sinnema