js怠惰ローディング

必要なjs

    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

    <script src="jquery.lazyload.js"></script>

 
HTMLコード:

<img class="lazyload" data-original="images/4fb868a780944.png" width="500" height="300">

コールコード:

$(function(){



    $("img").lazyload({

        placeholder : "http://www.52photoshop.cn/yeditor/uploadfile/20080505203726987.gif",    //    

        threshold: 100,

        effect : "fadeIn",

        threshold : 1

    });

})

Jquery.Lazy Load.jsプラグインのパラメータ詳細： LazyLoadプラグインのパラメータについて説明します。使用者により適切な効果が得られます。 1，写真で前職を占める plceholder：“img/grey.gif”、 パラメータ：placceholderは、ある画像パスに値します。この画像はロードする画像の位置を占めます。画像がロードされる時、ビットマップを占めると非表示になります。 2,ロードにはどのような効果がありますか？ effect：「fadeIn」、 パラメータ：effect（特殊効果）、値はshow（直接表示）、fadeIn（フェードイン）、slade Down（ドロップダウン）などがあり、よくfadeInを使います。 3,事前にロードを開始します サースホルド：200、 パラメータ：threshld、値は数字で、ページの高さを表します。200に設定すると、スクロールバーは目標位置からまだ200の高さがある時から画像をロードし始めます。ユーザーに気づかれないようにしてください。 4,イベントトリガー時に読み込む イベント：「click」、 パラメータ：event、値はclick（クリック）、mouseover、sporty、fooar（運動）があります。マウスを使って写真をクリックしてからロードを開始します。後の二つの値はテストされていません。 5，ある容器の中の写真に効果を実現します。 container:$ パラメータ：container、値はある容器です。lazyloadはデフォルトでブラウザのスクロールバーを引っ張る時に有効になります。このパラメータはあるDIVのスクロールバーを引っ張る時に順次その中の写真をロードします。 6、画像の並べ替えが乱れている場合 failuremit：10、 引数：failuremit、値は数字です。lazyloadはデフォルトでは、最初の一枚が可視領域ではない画像を見つけた時は、もうロードしませんでしたが、HTML容器が混乱している時には、可視領域内の画像が読み込まれていない可能性があります。failuremitは、N枚の可視領域外の画像をロードすることを意図しています。この問題が発生します。