Jquery lazyload प्लगइन और कॉलबैक फ़ंक्शन

Question

मैं इस साइट http://www.appelsiini.net/projects/lazyload से jquery lazyload प्लगइन डाउनलोड करता हूं।

उनके डॉक्टर से मुझे नहीं पता कि कोई भी कॉलबैक का उपयोग कर सकता है या नहीं lazyload प्लगइन के साथ।

लगता है मेरी एचटीएमएल तरह

$("#gallery img").lazyload(); 

वर्ग व्यस्त सिर्फ div के केंद्र में एक व्यस्त छवि सेट हो जाएगा

<div id="gallery" class="busy"><img src="blah.jpg" /></div> 
<div id="gallery" class="busy"><img src="blah2.jpg" /></div> 
<div id="gallery" class="busy"><img src="blah3.jpg" /></div> 

मेरी स्क्रिप्ट की तरह लग रहे। तो मुझे कॉलबैक की आवश्यकता है और कॉलबैक से मुझे छवि डाउनलोड को पूरा करने की आवश्यकता है या पूरा होने पर नहीं, तो मैं बस छवि टैग के संबंधित पैरेंट div से कक्षा को हटा देता हूं।

तो कृपया मुझे lazyload के साथ कॉलबैक लागू करने का तरीका दिखाएं और नमूना कोड की भी आवश्यकता है जिसके द्वारा मैं छवि टैग के संबंधित मूल div से कक्षा को हटा सकता हूं।

धन्यवाद

Answer 1

मैं एक ही सवाल था। कुछ खोज किया, यहाँ आया, और जवाब मिला। यह मेरे पास है, और मेरे लिए काम करता है:

$(this).lazyload({ 
    effect : 'fadeIn', 
    load : function() 
    { 
     console.log($(this)); // Callback here 
    } 
}); 

आशा है कि इससे मदद मिलती है!

Answer 2

रिक डे ग्रैफ के उत्तर ने लगभग मेरे लिए यह किया।

मेरे लिए समस्या थी: लोड प्लेसहोल्डर छवियों के साथ-साथ के लिए कॉल कहा जाता है। जो मेरे मामले में एक समस्या थी। मैं केवल अंतिम लोड छवियों में एक वर्ग जोड़ना चाहता था।

jQuery("img.lazy").lazyload({ 
      effect : 'fadeIn', 
      load : function() 
      { 
       if (jQuery(this).attr("src") != "data:image/gif;base64,R0lGODlhZABlAIAAAPn5+QAAACH5BAAAAAAALAAAAABkAGUAAAJ0hI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBnZVQAAOw==") { 
        jQuery(this).addClass("visible-image");     
       } 
      } 
     }); 

भरी हुई छवि डेटा है:: मैं इस यह मेरे लिए काम करने के लिए जोड़ा छवि, कुछ भी नहीं करते, और मेरी कक्षा में जोड़ें।