구현 코드는 다음과 같습니다(jquery 기반).
함수 게으른 로드(옵션){
var settings={
defObj:null,
defHeight:0
}
settings=$.extend(settings,option||{} );
var defHeight=settings.defHeight,defObj=(typeof settings.defObj=="object")?settings.defObj.find("img"):$(settings.defObj).find("img") ;
var pageTop =function(){
return document.documentElement.clientHeight Math.max(document.documentElement.scrollTop,document.body.scrollTop)-settings.defHeight
}; imgLoad=function(){
defObj.each(function(){
if ($(this).offset().top<=pageTop()){
var src2=$(this). attr("src2") ;
if (src2){
$(this).attr("src",src2).removeAttr("src2")
}
}
});
imgLoad();
// 스크롤 이벤트 바인딩
$(window).bind("scroll",function(){
imgLoad() ;
} )
}
lazyload({
defObj:"#plist"
})