2

私は親指を持っていますdiv（簡潔にするために4つの親指だけを示しています）：

<div id="thumbs">
<img src="graphics/thumbs/01.jpg" width="190" height="190" class="thumb objects" id="project01" />
<img src="graphics/thumbs/08.jpg" width="190" height="190" class="thumb web" id="project08" />
<img src="graphics/thumbs/14.jpg" width="190" height="190" class="thumb freehand" id="project14"/>
<img src="graphics/thumbs/04.jpg" width="190" height="190" class="thumb freehand objects" id="project04" /></div>

divそして「コンテンツ」と呼ばれる空：

<div id="content"></div>

divそして「プリロード」と呼ばれる隠されたもの：

<div id="preload">
<span id="project01_content"><img src="graphics/010.jpg" /></span>
<span id="project02_content"><img src="graphics/022.jpg" /><img src="graphics/021.jpg" /><img src="graphics/023.jpg" /><img src="graphics/020.jpg" /></span>
<span id="project03_content"><img src="graphics/030.jpg" width="450" height="600" /><img src="graphics/031.jpg" width="450" height="600" /></span>
<span id="project04_content"><img src="graphics/040.jpg" width="775" height="600" /><img src="graphics/041.jpg" width="775" height="600" /></span></div>

これは、ギャラリー内のすべての画像をプリロードするための良い方法だと思いました。私のjQueryは、クリックされたサムネイルのIDをclone()対応する画像に使用し、メソッドを使用してspanそれらをドロップします。問題は、ギャラリーに4つではなく100の画像があり、下のサムネイルの1つをクリックすると、他のすべての画像が読み込まれるまで空のままになることです。contenthtml()content div

これを回避する最善の方法は何ですか？私の最初の考えは、画像の読み込みをキューまたはデキューする方法があるのではないかということです。コンテンツが読み込まれるまで親指を暗くしますか？preloadより良い方法を支持して、完全に廃止しますか？もしそうなら、どのように？

4

1 に答える 1

0

タグを HTML に配置IMGすると、非表示かどうかに関係なく、ブラウザーはすべてのタグを読み込みます。さまざまなブラウザーがさまざまな方法でこれを行います。f.ex IE は chrome/ff よりも「スロット」が少ないです。

于 2010-08-17T05:18:54.453 に答える