OWL Carousel image pas bonne taille à la première
Je suis en utilisant OWL Carousel, et j'ai codé il si il y aura une image affichée, puis toutes les 15 secondes, l'image suivante glisse dans. J'ai mis la largeur à 100% de l'écran, et codés de la js conséquence, de sorte que, en théorie, il devrait y avoir une image à la fois en taille réelle....cependant ce qui se passe est qu'il montre toutes les images plutôt petite et puis, si je redimensionner l'écran même de 1 pixel de ce qu'il s'enclenche dans la façon dont il devrait être.....
aucune idée sur la façon d'éviter d'avoir à redimensionner l'écran pour obtenir l'image à taille réelle ?
Voici mon code HTML
<div class="owl-carousel">
<img src="assets/background1.jpg" />
<img src="assets/background2.jpg" />
<img src="assets/background3.jpg" />
</div>
Voici mon js
var owl = $('.owl-carousel');
owl.owlCarousel({
singleItem: true,
items:1,
loop:true,
margin:10,
autoplay:true,
autoplayTimeout:15000,
autoplayHoverPause:true
});
$('.play').on('click',function(){
owl.trigger('autoplay.play.owl',[1000])
})
$('.stop').on('click',function(){
owl.trigger('autoplay.stop.owl')
})
- Assurez-vous de lire les descriptions des balises que vous mettez sur vos questions. Ce n'est pas une question sur le Web Ontology Language (chouette), mais sur le OWL Carousel (owl carousel).
- Aussi, il serait probablement aider si vous en montrer un peu de code. Sinon, comment les gens peuvent identifier ce que vous pouviez changer dans tout ça?
- Merci pour vos commentaires, j'ai ajouté mon code
Vous devez vous connecter pour publier un commentaire.
Raison pourrait être l'une des suivantes:
J'ai fait face à un problème similaire pour l'utilisation de owl carousel dans une modal bootstrap et il a été fixé en lançant owlCarousel dans le
shown
cas de bootstrap modal.Laissez-moi savoir si vous avez besoin de plus de détails sur ce produit ou vous l'avez résolu.