Ich verwende OWL Carousel und habe es so codiert, dass ein Bild angezeigt wird und dann alle 15 Sekunden das nächste Bild hineingleitet. Ich habe die Breite auf 100% des Bildschirms eingestellt und die js entsprechend so codiert theoretisch sollte es ein bild auf einmal in voller größe geben .... aber was passiert ist, dass es alle bilder ziemlich klein zeigt und wenn ich dann die bildschirmgröße um 1 pixel verändere, schnappt es ein wie es sein sollte .....

jede Idee, wie Sie vermeiden können, die Größe des Bildschirms zu ändern, um ein Bild in voller Größe zu erhalten?

Hier ist mein HTML

<div class="owl-carousel">
    <img src="assets/background1.jpg" />
    <img src="assets/background2.jpg" />
    <img src="assets/background3.jpg" />
</div>

Hier ist mein 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')
})