¿Cómo puedo verificar si una imagen se precargó correctamente?

Question

Duplicar posible:
Check if an image is loaded (no errors) in JavaScript

Después de ser cargado por javascript configurando img.src.

Gracias ...!

Answer 1

Usted puede utilizar el evento load así:

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

// or 

var img = new Image; 

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

O cuando se utiliza el evento load del window, las imágenes se cargan entonces:

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

Answer 2

Con la ayuda de este

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 puro (sin jQuery) solución está disponible aquí para la prueba: http://jsfiddle.net/Sztxs/1/ (Basado en las respuestas existentes)

Puede integrar este principio en una función a continuación, utilizar esa función para cargar previamente en lugar de tener que escribir nueva función onload para cada imagen precargada.

Puede tener lo que desee en lugar de alerta, por supuesto.

Háganos saber si necesita ayuda adicional. :)