Comment vérifier si une image a été préchargée correctement?

Question

Possible en double:
Check if an image is loaded (no errors) in JavaScript

Après avoir été chargé par le javascript en réglant img.src.

Merci ...!

Answer 1

Vous pouvez utiliser l'événement load comme ceci:

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

// or 

var img = new Image; 

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

Ou lorsque vous utilisez l'événement load du window, les images sont chargées alors:

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

Answer 2

Avec l'aide de cette

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

pure JavaScript solution (pas jQuery) est disponible ici pour les tests: http://jsfiddle.net/Sztxs/1/ (Basé sur les réponses existantes)

Vous pouvez intégrer dans une fonction puis utilisez cette fonction pour précharger au lieu d'avoir à écrire de nouvelles fonctions onload pour chaque image préchargée.

Vous pouvez avoir ce que vous voulez au lieu de l'alerte bien sûr.

Faites-nous savoir si vous avez besoin d'aide supplémentaire. :)