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

WBOY
リリース: 2016-05-16 17:40:53
オリジナル
1055 人が閲覧しました

复制代代码如下:


/********************画像スクロール読み込み機能*****************/
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」という名前が追加されます。 🎜>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート