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