लेज़ी लोड और छवियों

Question

की अनलोड मैं कई टैग के साथ एक HTML फ़ाइल है।

मैं पुस्तक घटना पर छवियों को लोड, और छवियों जो दिखाई नहीं देते हैं अनलोड करने के लिए चाहते हैं। आमज़ोन व्यूअर की तरह, जब आप ऊपर/नीचे स्क्रॉल करते हैं, तो फ्रेम में वर्तमान छवि आलसी लोड होती है।

मैं LazyLoad उपकरणों का एक बहुत कुछ देखा है, लेकिन उनमें से कोई भी functionallity उतारना है।

Answer 1

उपयोग इस प्लगइन्स jQuery: https://github.com/morr/jquery.appear और घटना का उपयोग करें:

$('someselector').on('appear', function(event, $all_appeared_elements) { 
    // this element is now inside browser viewport 
}); 
$('someselector').on('disappear', function(event, $all_disappeared_elements) { 
    // this element is now outside browser viewport 
});