1

私はたくさんの画像があるページを持っています。ユーザーがまだ画像がある場所までスクロールしていない場合、ブラウザーにそれらすべてをロードさせることは意味がありません。img含まれているものが表示されるときに発生するイベントハンドラーに要素をバインドすることを考えdivました（要素がビューポートにあるようにユーザーが十分にスクロールしたという意味で）。このハンドラーはsrc属性を書き換え、画像が読み込まれます。

私が探しているイベントは何ですか？

4

2 に答える 2

1

必要なことを実行するネイティブjQueryイベントはありません。イベントを使用してscroll、スクロール位置を取得し、表示されている画像を取得して、それらをロードする必要があります。

これを行うプラグインはすでにあります。たぶん、表示されるjQueryプラグインはあなたが探しているものです：http ：//code.google.com/p/jquery-appear/

これは、この質問と重複している可能性があります。ブラウザの表示セクションに入るときに画像をロードしますか？

于 2012-05-25T20:43:07.480 に答える
0 
$(window).scroll(function(){

 // if user has scrolled to 250px 
 if ($(this).scrollTop() > 250){ 
    // load your images,
 } 
})

より良いアプローチはdiv、下部に配置し、mouseenterイベントを使用して、ユーザーがより多くの画像を必要としているかどうかを検出することです。

$('#the_bottom_div').mouseenter(function(){
   // If user has placed mouse on bottom,load images (like facebook does)
})
于 2012-05-25T20:47:02.973 に答える