ホームページ >ウェブフロントエンド >jsチュートリアル >jquery js_jquery に基づく画像の遅延読み込み

jquery js_jquery に基づく画像の遅延読み込み

WBOY
WBOYオリジナル
2016-05-16 18:24:141097ブラウズ

以下は実装コード (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"
})

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。