ユーザーがスクロールするまでイメージをロードしないでください。

Question

サーバーから画像をダウンロードしないようにするには、ユーザーがそこにスクロールするまで、どのイベントをキャプチャする必要がありますか？

どのようにですか？

Answer 1

私はプロジェクトでこのプラグイン（遅延ロード）を使用しましたが、それはかなりうまく動作します。

• http://www.appelsiini.net/projects/lazyload
• http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

そして、ここでは、トリックがで、その後

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" heigh="480"> 

を空白のプレースホルダ画像を入れて、実際の画像のパスとデータ情報を追加することですか、ですあなたのコードは：

$("img.lazy").lazyload();