如何检查图像是否已成功预加载？

Question

可能重复：
Check if an image is loaded (no errors) in JavaScript

加载由JavaScript通过设置img.src后。

谢谢......！

Answer 1

可以使用load事件是这样的：

var img = document.getElementById('imgID'); 

// or 

var img = new Image; 

img.onload = function(){ 
    alert('The image has been loaded'); 
    img.src = 'image path here'; 
}; 

或者当你使用load事件window的，图像被再装：

window.onload = function(){ 
    // everything is loaded now 
}; 

Answer 2

随着帮助这个

var img = new Image(); 
// Create image 

$(img).load(function() { 
    // Image Loaded notification 
}).error(function() { 
    // Error Notification here 
}).attr({ 
    id: "Set Id", 
    src: "Image Source", 
    title: "Title Here", 
    alt: "Alt here" 
}); 

Answer 3

var myImg = new Image(); 

myImg.onload = function(){ 
    alert('loaded'); 
} 

myImg.src = '../images/someImage.jpg'; 

Answer 4

纯JavaScript（无jQuery的）解决方案可以在这里进行测试：http://jsfiddle.net/Sztxs/1/ （基于现有的答案）

可以将此整合到一个功能，然后使用该功能，预装，而不必编写新的onload功能每个预加载的图像。

你可以拥有任何你想要的，而不是当然的警报。

让我们知道你是否需要任何进一步的帮助。 :)