以下は実装コード (jquery に基づく) です:
function lateload(option){
var settings={
defObj:null,
defHeight:0
};
settings=$.extend(settings,option||{} );
var defHeight=settings.defHeight,defObj=(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");
});
};
// バインド スクロール イベント
$(window).bind("scroll",function(){
imgLoad() ;
} );
}
lazyload({
defObj:"#plist"
})