HTML/jQuery預加載圖像

我正在升級基本照片庫以使用jQuery（woohoo！）。HTML/jQuery預加載圖像

到目前爲止，我明白jQuery的語義，但有一個例外：我似乎無法將我的大腦包裹在整個圖像事件的預加載中。我已經有了一個完整的divs class和id的佈局。

這裏的大致圖像部分的樣子：

<div id="main"> 
<img id="spotHolder" src="images/somePic.jpg"> 
</div> 
<div id="others"> 
<img class="otherPics" src="images/someOtherPic.jpg"> 
</div>

我使用的是jQuery Howto爲預載圖片的指南;但我不知道我需要做什麼（如果有的話）到HTML。

尋找想要做什麼的想法。

來源

2013-04-30 redhotspike

我不知道你爲什麼會需要做任何的HTML ...要預裝的所有圖像可以一次你可以使用：

$("img").attr('src', function (_, src) { 
    $("<img>").attr('src', src); 
});

它可能會有點重手爲此，您可以使用更具體的選擇器：

$("#gallery-container img").attr('src' /* etc. */

來源

2013-04-30 04:11:12

我很欣賞你花時間給我一個解釋和例子 - 真的很有幫助。謝謝！ – redhotspike 2013-04-30 04:26:12

如果你看一下這個非常頁面上，稍遠一點到右側（以下簡稱「相關」一節），你會看到你的問題完全相同的副本，只是可能會爲您一一解答：

Preloading images with jQuery

來源

2013-04-30 04:04:46 Joshua

嗯，我已經看到了這個問題，但我讀了更遠一點，找到了絕對適合的東西：http://stackoverflow.com/a/10214021/1301332謝謝！ – redhotspike 2013-04-30 04:12:12

HTML/jQuery預加載圖像

回答

相關問題