jquery.lazyload.js の最新バージョンは疑似遅延読み込みではなくなりました 1. 基本的な使用手順に従ってセットアップしてください コードをコピー コードは次のとおりです: //JavaScript ファイルをロード< ;script src="jquery.js" type="text/javascript"></スクリプト><br> </div> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="55875" class="copybut" id="copybut55875" onclick="doCopy('code55875')"><u>コードをコピーします</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code55875"> <br>//の 4 つの属性のいずれもありませんimg タグが欠落している可能性があります。そうしないと、次のように遅延読み込み効果を達成できません: <br><img class="lazy" data-original="img/example.jpg" width="640" height="480 "><br> </div> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="33849" class="copybut" id="copybut33849" onclick="doCopy('code33849')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code33849"> <br>//<br>$(function を使用します) () { <br> $("img.lazy").lazyload();<br>});<br> </div> <p>2. 共通属性の説明</p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="73370" class="copybut" id="copybut73370" onclick="doCopy('code73370')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code73370"> <br>threshold: 200 //感度を設定します。表示領域に入ったことを示します まだ 200 ピクセルが残っているときに読み込みを開始します<br>effect: "fadeIn" //フェードイン効果を使用します<br>failure_limit: 10 //許容範囲。必ずこの値を設定してください。を参照してください。理由の元の文書 <p>container: $("#container") //親コンテナを使用します。親コンテナの CSS スタイルには、少なくとも 2 つの属性「height: 600px;overflow:scroll;」が含まれている必要があります。</p> <p>event: "click" // トリガーイベントを click に変更します<br></p> </div> <p>3.参考</p> <p>英語のリファレンス: http://www.appelsiini.net/projects/lazyload</p> <p>中国語のリファレンス: http://code.ciaoca.com/jquery/lazyload/</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
