ओडब्लूएल कैरोसेल छवि पहले

Question

पर सही आकार नहीं है, मैं ओडब्लूएल कैरोसेल का उपयोग कर रहा हूं और मैंने इसे कोड किया है, इसलिए एक छवि प्रदर्शित होगी और फिर प्रत्येक 15 सेकंड में अगली छवि स्लाइड हो जाएगी। मैंने चौड़ाई 100% स्क्रीन इतनी अच्छी तरह से और जेड को उचित रूप से कोडित करती है, इसलिए सिद्धांत में एक बार पूर्ण आकार में एक छवि होनी चाहिए .... हालांकि क्या होता है यह सभी छवियों को छोटे से दिखाता है और फिर यदि मैं स्क्रीन का आकार बदलता हूं तो 1 पिक्सेल भी इसमें आ जाता है यह कैसे होना चाहिए .....

छवि को पूर्ण आकार के लिए स्क्रीन का आकार बदलने से बचने के तरीके पर कोई विचार है?

यहाँ मेरी एचटीएमएल

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

यहाँ है मेरी जे एस

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

कारण निम्न में से एक हो सकता है:

1. या तो आप owl.owlCarousel विधि कॉल कर रहे हैं डीओएम लोड होने से पहले। तो दस्तावेज़ तैयार करने में इसे शुरू करने का प्रयास करें।
2. या आपका .owl-carousel div एक कंटेनर के अंदर हो सकता है जो DOM लोड होने पर दिखाई नहीं दे रहा है।

मैं एक बूटस्ट्रैप मोडल में उल्लू हिंडोला प्रयोग करने के लिए इसी तरह की एक मुद्दा का सामना करना पड़ा और यह बूटस्ट्रैप मोडल की shown घटना में owlCarousel की शुरुआत से तय हुई थी।

मुझे बताएं कि आपको इस पर अधिक जानकारी चाहिए या आप इसे ठीक कर चुके हैं।