Comment se fait-points/boutons de navigation ne sont pas visiable à l'aide de owlcarousel?
Comment se fait-les boutons de navigation ne sont pas visibles?
Je suis en utilisant jQuery
et owlcarousel
(http://owlgraphic.com/owlcarousel/).
http://jsfiddle.net/bobbyrne01/s10bgckL/1/
html
..
<div id="owl-demo">
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
<div class="item">
<img src="http://placehold.it/50x50" alt="Owl Image" />
</div>
</div>
js
..
$(document).ready(function () {
$("#owl-demo").owlCarousel({
autoPlay: 3000, //Set AutoPlay to 3 seconds
dots: true,
items: 2,
itemsDesktop: [1199, 3],
itemsDesktopSmall: [979, 3]
});
});
css
..
#owl-demo .item {
margin: 3px;
}
#owl-demo .item img {
display: block;
width: 50%;
height: auto;
}
OriginalL'auteur bobbyrne01 | 2014-12-10
Vous devez vous connecter pour publier un commentaire.
La minifiés fichier css que vous avez ne semble pas avoir un style pour l'élément:
.owl-theme .owl-controls .owl-page span
.Ici, ce sont les styles qui sont appliqués par la démonstration sur le owlgraphic.com site:
http://jsfiddle.net/s10bgckL/2/
J'ai simplement utilisé de la fpo jsfiddle. J'ai seulement mis à jour pour inclure la feuille de style. Il apparaît en effet que la
dots
option ne fait rien.Je viens de vérifier les docs, il semble que la propriété est pagination: false pour désactiver les points.
je suis confronté au problème, pouvez-vous s'il vous plaît aidez-moi savoir pour résoudre le problème?
stackoverflow.com/questions/37340868/...
OriginalL'auteur im1dermike
essayer cette
Celui qui downvoted vous, a supprimé le downvote 🙂
OriginalL'auteur Chamandeep
Je crois que le problème que vous rencontrez est que vous n'avez pas à inclure le Owl Carousel thème. Vous ne savez pas si vous utilisez la CAN, mais regardez ici: https://cdnjs.com/libraries/owl-carousel et assurez-vous d'inclure le CSS pour le thème en plus de la norme CSS.
OriginalL'auteur John H.
Aller à owl.carousel.min.js ou owl.carousel.js fichier que vous lié.
Rechercher et Remplacer
disabled
avecanyClass
. Vous Trouverez 6 fois, profitez-en!OriginalL'auteur Azizul
points: faux n'est pas de travail dans owl carousel comme décrit dans la documentation.
Pour masquer les points, vous pouvez utiliser:
pagination: faux
il cache uniquement des points et la pagination de continuer à travailler.
OriginalL'auteur Murad Faridi Shah