jQueryスクロール読み込み画像effect_jqueryの実装

复制代代码如下:

/********************画像スクロール読み込み機能*****************/
functionscrollLoading(){
var st = $(window).scrollTop(), sth = st $(window).height();
var $targetpics = $("img.scrloadpic");
var len = $targetpics.length;
for(var i=0; i< len; i )
{
var $temppic = $targetpics.eq(i);
var post = $temppic.position().top;
var posb = post $temppic.height();

if((post > st && post < sth) || (posb > st && posb < sth))
{

var url = $temppic .attr ("xsrc");
if(url != "")
{
$temppic.attr("src", url);
$temppic.attr("xsrc", "");
}
}
}
}

上はアニメーション追加の機能関数の 1 つです。下は、img に xsrc プロパティを追加するときに、真の画像の経路を保存する必要があります。src には、読み込み中の画像の経路を保存します。この機能を実現するために必要なピクチャには、「scrloadpic」という名前が追加されます。 🎜>

最終的には関数用関数です。 🎜>scrollLoading(); $(window).bind("scroll",scrollLoading);