2011-12-14 10 views
0

私たちは遅延ロードプラグインを知っています。要求に応じて画像をダウンロードすることができます。ページの可視領域外です。ユーザーが下にスクロールし、ロードプラグインは、必要に応じて画像をダウンロードします。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> 

あなたは、単純に次の操作を行います:

+0

Lazyloadプラグインは、あなた自身、それはにバインドこれらの画像上で動作します。セレクタについてのjQueryのドキュメントを確認してください:http://api.jquery.com/category/selectors/ –

答えて

1

は、あなたのHTMLがあると言う

$("#gallery img").lazyload(); 
+0

ありがとうございますが、私はそれがギャラリーdivだけでオンデマンドでイメージをロードするか、または他のdivがイメージを持つ可能性があります混乱がありますか? –

+0

これは、 "gallery"というIDを持つdivにのみ影響します。 –

関連する問題