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