OWL Karussell Bild nicht richtige Größe zuerst

Question

Ich benutze OWL Karussell und ich habe es codiert, so wird es ein Bild angezeigt werden und dann alle 15 Sekunden wird das nächste Bild einschieben. Ich habe die Breite auf 100% eingestellt der bildschirm so und kodierte die js angemessen so in der theorie sollte es ein bild zu einem zeitpunkt in voller größe .... aber was passiert ist es zeigt alle bilder eher klein und wenn ich dann die bildgröße selbst 1 pixel rastet es ein Wie sollte es sein ...

eine Idee, wie Sie vermeiden, die Größe des Bildschirms zu ändern, um das Bild in voller Größe zu bekommen?

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 meine 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') 
}) 

Answer 1

Grund eine der folgenden sein:

1. Entweder man die owl.owlCarousel Methode sind Aufruf bevor das DOM geladen wird. Versuchen Sie also, es in Dokument bereit zu initiieren.
2. Oder Ihr .owl-Karussell-Div könnte sich in einem Container befinden, der beim Laden des DOM nicht sichtbar ist.

stand ich ein ähnliches Problem für Eulen Karussell in einem Bootstrap-modal mit und es wurde durch die Initiierung owlCarousel im shown Fall Bootstrap-modal fixiert.

Lassen Sie mich wissen, wenn Sie weitere Informationen benötigen oder Sie haben es behoben.