フォト ギャラリーでは、すべての画像が thickbox に読み込まれます。コンテナ div がビューポートに入ったときに、スライダーの元のサムネイルを読み込みたいと考えています。HTML 構造は次のとおりです。
<div id="container">
<div class="content">
<div>
<a href="path1"><img src="default-loading.gif" data-original="img1"/></a>
</div>
</div>
<div class="content">
<div>
<a href="path1"><img src="default-loading.gif" data-original="img1"/></a>
</div>
</div>
<div class="content">
<div>
<a href="path2"><img src="default-loading.gif" data-original="img2"/></a>
</div>
</div>
<div class="content">
<div>
<a href="path3"><img src="default-loading.gif" data-original="img3"/></a>
</div>
</div>
コンテナには複数のコンテンツ ブロックがあり、各ブロックには img タグがあります。jquery viewport.js を使用して、各「コンテンツ」div にイベントをバインドしています。
$(".content").each(function(){
if($(this).is(':in-viewport')){
//change src of image
}
});
ただし、可視モードですべてのコンテンツ ブロックを識別します。
私の要件は、ビューポートにのみ来る画像のみをロードすることです。
どんな助けや提案も大いに感謝します。
ありがとうガウラフ