cheque Jquery si la imagen se carga

Question

Duplicar posible:
jQuery callback on image load (even when the image is cached)

¿Hay una manera de comprobar si la imagen se carga por jQuery? Tengo algunas imágenes con src externo y en algún momento src apunta a la página 404. ¿Hay alguna manera de verificar si esa imagen está cargada? y luego puedo quitarlo del dom de otra manera.

Gracias.

Answer 1

jQuery tiene una función para hacer frente a esto, echar un vistazo a .error()

Así, por ejemplo, podría asociar un controlador de .error() a todas las imágenes y mostrar algo más si hay un error, al igual que la fuente ya no existe :

$('img').error(function() { 
    $(this).hide(); 
}).attr("src", "missing.jpg"); 

Here is a demo

Answer 2

sí se puede utilizar error evento como este ....

$('#imageId') 
    .error(function() { 
    alert('Something bad happened.') 
    }) 
    .attr("src", "image.gif"); 

Answer 3

@Scoobler tiene la idea correcta, pero la implementación incorrecta.

$(function() 
{ 
    $('img').error(function() 
    { 
     $(this).attr('src', 'http://i.stack.imgur.com/THJzu.gif'); 
    }); 
}); 

El .error() vinculante debe lugar el documento listo - la carga de la ventana es demasiado tarde.

Demostración: http://jsfiddle.net/mattball/EebmC/