如何檢查圖像是否已成功預加載？

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功能每個預加載的圖像。

你可以擁有任何你想要的，而不是當然的警報。

讓我們知道你是否需要任何進一步的幫助。 :)