Vous voulez limiter jQuery.lazyload() à des images DIV spécifiques

Question

nous savons que le chargement paresseux plugin nous permet de télécharger des images sur demande qui est hors de la zone visible de la page et lorsque l'utilisateur défile vers le bas et les détenteurs d'image deviennent visibles puis paresseux load plugin télécharger des images à la demande. Le problème est le travail paresseux de plugin de chargement pour toutes les images mais je veux que cela fonctionne pour ces images qui sont dans div spécifique. supposons que mon div est en bas de la page et que div a beaucoup d'image mais div n'aura aucune barre de défilement. Je veux que lorsque l'utilisateur fait défiler vers le bas pour se rapprocher de div spécifique et div vient à la zone visible de la page, puis les images dans cette vue div sera commencé à télécharger et visible.

comment pourrais-je y parvenir par lazy charge plugin qui téléchargera des images uniquement pour div spécifique sans barre de défilement.

laissez-moi savoir merci.

Answer 1

Supposons que votre HTML est:

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

Vous faites simplement ceci:

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