LazyLoad छवियां स्क्रॉल के बाद तक दिखाई नहीं दे रही हैं

Question

मैं jQuery के लिए lazyload प्लगइन का उपयोग कर रहा हूं।

यह एक समस्या को छोड़कर ठीक काम कर रहा है: जब तक आप स्क्रॉल नहीं करते हैं तब तक छवियों को स्रोत-मूल के लिए बदल दिया नहीं जा रहा है। एक बार स्क्रॉल करने के बाद, एक टैड भी, छवियां लोड होती हैं - लेकिन जब पेज तैयार होता है तो मुझे उन्हें सही लोड करने की आवश्यकता होती है।

एक नोट: यह पूरी तरह क्रोम/सफारी समस्या है। मुझे फ़ायरफ़ॉक्स या ओपेरा, या यहां तक ​​कि IE9 में यह समस्या नहीं है।

मैं इस पोस्ट के सुझाव निम्नलिखित की कोशिश की है: http://sumanrs.wordpress.com/2011/02/08/jquery-lazy-loading-images-no-scrolling/ कहा गया है कौन सा है कि बुनियादी jQuery पुस्तकालय एक प्लगइन की जरूरत के बिना आलसी लोडिंग के क्षमता है। ऐसा नहीं लगता था, क्योंकि छवियों को बस प्रारंभिक पृष्ठ लोड पर लोड किया गया था।

किसी भी अंतर्दृष्टि की सराहना की जाती है! अपने ही समस्या http://api.jquery.com/scroll/

Answer 1

हल:

Answer 2

आप की नकल कर सकता है/एक स्क्रॉल घटना pageload पर प्रभाव को गति प्रदान करने को गति प्रदान तुम एक ऊंचाई छवि पर एक चौड़ाई सेट करने के लिए!

Answer 3

आपकी छवियों में अधिकतर चौड़ाई और ऊंचाई सेट नहीं है। वेबकिट ब्राउज़र दस्तावेज़ पर छवियों को देखेंगे। पहले से ही चौड़ाई और ऊंचाई के साथ। इसका मतलब है कि jQuery छवियों को अदृश्य मानेंगे। आलसी लोड डिफ़ॉल्ट रूप से अदृश्य छवियों को अनदेखा करता है। आपके पास तीन विकल्प हैं।

1. छवियों पर चौड़ाई और ऊंचाई विशेषताओं के लिए HTML को ठीक करें।
2. skip_invisible से false पर सेट करें।
3. प्लगइन के atleast version 1.8.3 का उपयोग करें।

Answer 4

$(window).resize(); 

मेरे मामले में मुझे मदद की।

Answer 5

इस प्रयास करें:

$('img.lazy').lazyload(); 
$(window).scroll(); 

Answer 6

मैं एक ऐसी ही समस्या हुई। सीमा विकल्प मेरे लिए इसे हल:

$("img.lazy").lazyload({ 
    threshold : 400 
}); 

Answer 7

मेरे लिए समस्या यह है कि मैं ready में $('img.lazy').lazyload() बुलाया

बजाय load अंदर स्थापित किया गया था।

$(window).load(function(){ 
    $('img.lazy').lazyload() 
}); 

Answer 8

मैंने आलसी लोडिंग jquery प्लगइन का उपयोग किया लेकिन लोडिंग एक मुद्दा बना रही है। (यानी) यह क्रोम ब्राउज़र में चिकना है। लेकिन दुर्भाग्य से यह मोज़िला फायर फॉक्स में ठीक से काम नहीं कर रहा है। मुझे यह सूचना मोज़िला फायर फॉक्स से मिल रही है (इस पृष्ठ पर एक स्क्रिप्ट व्यस्त हो सकती है, या हो सकता है कि उसने जवाब देना बंद कर दिया हो। अब आप स्क्रिप्ट को रोक सकते हैं, डीबगर में स्क्रिप्ट खोल सकते हैं, या स्क्रिप्ट जारी रख सकते हैं।)। तो बस इस बग से बचने के लिए किसी भी बेहतर विचार का उत्तर दें।

Answer 9

मुझे एक ही समस्या थी।

बस पृष्ठ पर पहले छवियों से "सुस्त" वर्ग की जगह:

कि जिस तरह से हल।

;-)