jQuery/JavaScript to replace broken images

Question

I have a web page that includes a bunch of images. Sometimes the image isn\'t available, so a broken image is displayed in the client\'s browser.

How do I use jQuery

Answer 1

If the image cannot be loaded (for example, because it is not present at the supplied URL), image URL will be changed into default,

For more about .error()

$('img').on('error', function (e) {
  $(this).attr('src', 'broken.png');
});