0

画像ギャラリーのスクロール DIV 内に多くの画像があり、下にスクロールした後に DIV に表示されたときにのみ画像が読み込まれます。これにより、DIV が画像を読み込もうとしてフリーズします。これを修正する方法はありますか？おそらくjavascript関連だと思います。

私の単純なDIVです。

<div style="width:275;height:400;overflow-x:scroll;">

content

</div>
4

5 に答える 5

0

http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317

JavaScriptで画像を事前に読み込むことができます

于 2012-05-16T12:01:49.147 に答える
0

画像をプリロードする必要があります。Javascript を使用したくない場合は、この方法を試してください。

于 2012-05-16T12:02:45.150 に答える
0

はい、実際、この目的のために関連するライブラリが多数あります。主に古いブラウザの帯域幅を節約するためですが、ここで望んでいたのと同じ作業を行います。

http://yuilibrary.com/yui/docs/imageloader/

http://www.appelsiini.net/projects/lazyload

同時に、画像のサイズが非常に大きく、それらの行が非常に長い場合は、ビューから見えなくなった後で忘れずに非表示 (表示: なし) にしてください。

于 2012-05-16T12:05:47.893 に答える
0

可視領域に到達する前に固定ピクセル数の前に画像をロードするこの遅延読み込みスクリプトを使用してみてください。これには多くのオプションがあります

http://www.appelsiini.net/projects/lazyload

于 2012-05-16T12:07:10.403 に答える
0 
function expandDiv(idOfDivElement) {
    divObj = document.getElementById(idOfDivElement);
    var imageObj = document.createElement('img');
    imageObj.setAttribute('src', 'path/example_image.jpg');
    divObj.appendChild(imageObj);
    // your expand div code here
}
于 2012-05-16T12:07:11.187 に答える