jQuery.lazyload()를 특정 DIV의 이미지로 제한하고 싶습니다.

Question

lazy load plugin을 사용하면 필요시 이미지를 다운로드 할 수 있고 페이지가 보이지 않는 곳으로 내려갈 때 사용자가 아래로 스크롤하면 이미지 위치 홀더가 보이지 않게됩니다. 로드 플러그인은 필요에 따라 이미지를 다운로드합니다.

문제는 모든 이미지에 대한 지연로드 플러그인 작업이지만 특정 div에있는 이미지에서 작동하도록합니다. 내 div 페이지의 하단에 있고 그 div 많은 이미지가 있지만 div 모든 스크롤 막대가 없을 것이라고 가정하십시오. 나는 사용자가 특정 div에 가까워 질 때까지 아래로 스크롤하고 div가 페이지의 보이는 영역에 오면 해당 div보기의 이미지가 다운로드되고 표시되기를 원합니다.

어떻게하면 스크롤 막대없이 특정 div에 대해서만 이미지를 다운로드하는 지연로드 플러그인으로 얻을 수 있습니까?

감사합니다.

Answer 1

은 HTML이 말 :

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

당신은 단순히이 수행

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