How to detect broken image and replace with another?

Question

I have a page which displays lots of images from different remote servers. http://example.com/img/email_star0.png\' height=\'150\' />

Now suppose this image is not prese

Answer 1

I don't think it is possible to check if image exists on remote server without using curl or jQuery. But jQuery snippet bellow reacts on image loading error by replacing it with a local one, maybe that's what you are looking for.

$(document).ready(function(){
  $('img').error(function(){
     $(this).attr('src', 'http://mysite/myimage.jpg');
  });
});