jquery如何提前預加載圖像

Question

嗨，我想用jquery預加載圖像。 圖像預裝後應該有一個警告消息：「像預裝」

我嘗試下面的代碼，但它不工作：

$("images/test.jpg").load(function(){ 
    alert("Image loaded."); 
}); 

希望你能有所幫助。

Answer 1

看一看這個jQuery插件：http://plugins.jquery.com/imagesloaded/

可火了，就像你爲你的選擇是正確範圍的提議，只要一個事件：

$('#container').imagesLoaded(function() { 
    // images have loaded 
}); 

Answer 2

您將需要一個id，這將將包含該圖像。

$("#div").load("images/test.jpeg", function() { 
alert("Load was performed."); 
}); 

看到http://api.jquery.com/load/

Answer 3

的文件似乎你想要的：有關讀取DOC

$("img[src='images/test.jpg']").load(function(){ 
    alert("Image loaded."); 
}); 

現在什麼：http://api.jquery.com/load-event/ ???

這就是說，要注意緩存行爲，特別是在舊版瀏覽器上。

Answer 4

下述溶液中摸索出適合我：

$('<img src="images/test.jpg">').load(function() { 
     alert("Image loaded."); 
}); 

我發現在這裏：https://stackoverflow.com/a/10863680/1164027