How does one use the onerror attribute of an img element

by

This works:

<img src="https://stackoverflow.com/questions/8124866/invalid_link"
     onerror="this.onerror=null;this.src="https://placeimg.com/200/300/animals";"
>

Live demo: http://jsfiddle.net/oLqfxjoz/

As Nikola pointed out in the comment below, in case the backup URL is invalid as well, some browsers will trigger the “error” event again which will result in an infinite loop. We can guard against this by simply nullifying the “error” handler via this.onerror=null;.

More Related Contents:

  1. How to layout images in 3 columns [closed]
  2. How do I auto-resize an image to fit a ‘div’ container?
  3. Fill SVG path element with a background-image
  4. Why does my image have space underneath?
  5. Change color of PNG image via CSS?
  6. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  7. Is element block level or inline level?
  8. Changing image on hover with CSS/HTML
  9. Should I specify height and width attributes for my IMGs in HTML?
  10. Embed image in a element
  11. How to hide image broken Icon using only CSS/HTML?
  12. How can I fill a div with an image while keeping it proportional?
  13. CSS image resize percentage of itself?
  14. How to get a background image to print using css?
  15. Center image element in parent div
  16. CSS: How can I set image size relative to parent height?
  17. CSS Background image not loading
  18. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  19. How to change an image on click using CSS alone?
  20. How to make images stay within the rows of a css grid container?
  21. How to replace color of PNG image using CSS? [duplicate]
  22. Width 100% with white borders around it. WHy?
  23. How to center a (background) image within a div?
  24. How to “crop” a rectangular image into a square with CSS?
  25. Responsive image align center bootstrap 3
  26. How to place Text and an Image next to each other in HTML?
  27. Make Bootstrap’s Carousel both center AND responsive?
  28. Use the HTML tag as a background image instead of the CSS background-image property?
  29. How to center image in a div horizontally and vertically
  30. Is it possible to set a src attribute of an img tag in CSS?

Leave a Comment