Jquery画像遅延読み込みプラグインの使い方 jquery.lazyload.js_jquery

jquery.lazyload.js の最新バージョンは疑似遅延読み込みではなくなりました

1. 基本的な使用手順に従ってセットアップしてください

コードをコピー コードは次のとおりです:

//JavaScript ファイルをロード
< ;script src="jquery.js" type="text/javascript">

コードをコピーします コードは次のとおりです:

//の 4 つの属性のいずれもありませんimg タグが欠落している可能性があります。そうしないと、次のように遅延読み込み効果を達成できません:

コードをコピー コードは次のとおりです:

//
$(function を使用します) () {
$("img.lazy").lazyload();
});

2. 共通属性の説明

コードをコピー コードは次のとおりです:

threshold: 200 //感度を設定します。表示領域に入ったことを示します まだ 200 ピクセルが残っているときに読み込みを開始します
effect: "fadeIn" //フェードイン効果を使用します
failure_limit: 10 //許容範囲。必ずこの値を設定してください。を参照してください。理由の元の文書

container: $("#container") //親コンテナを使用します。親コンテナの CSS スタイルには、少なくとも 2 つの属性「height: 600px;overflow:scroll;」が含まれている必要があります。

event: "click" // トリガーイベントを click に変更します

3.参考

英語のリファレンス: http://www.appelsiini.net/projects/lazyload

中国語のリファレンス: http://code.ciaoca.com/jquery/lazyload/