私たちは遅延ロードプラグインを知っています。要求に応じて画像をダウンロードすることができます。ページの可視領域外です。ユーザーが下にスクロールし、ロードプラグインは、必要に応じて画像をダウンロードします。jQuery.lazyload()を特定のDIVの画像に限定したい
問題はすべての画像の遅延読み込みプラグインですが、特定のdivにある画像では問題なく動作します。私のdivはページの一番下にあり、divには多くの画像がありますが、divにはスクロールバーがありません。私は、ユーザーが特定のdivに近づくようにスクロールし、divがページの可視領域に来ると、そのdivビューの画像がダウンロードされて表示されることを望みます。
どのように私はスローバーなしで特定のdivの画像のみをダウンロードする遅延ロードプラグインによってそれを達成することができます。
ありがとうございました。
<div id="gallery">
<img src="blah.jpg" />
<img src="blah2.jpg" />
<img src="blah3.jpg" />
...
</div>
あなたは、単純に次の操作を行います:
Lazyloadプラグインは、あなた自身、それはにバインドこれらの画像上で動作します。セレクタについてのjQueryのドキュメントを確認してください:http://api.jquery.com/category/selectors/ –