DEV Community

Kabue Charles
Kabue Charles

Posted on • Edited on

HTML ~ Hide broken images, or replace then gracefully

onerror="this.src='fallback-img.jpg'"
onerror="this.src='fallback-img.jpg'"
Enter fullscreen mode Exit fullscreen mode

Top comments (4)

Collapse
 
commandcoder_10 profile image
Jip⚡️

Wow, I had no idea img tags had an onerror attribute! Thanks!

Collapse
 
dhandspikerwade profile image
Devin Handspiker-Wade

Most JS events can be used as attributes. Usually not recommended; even in this case depending on the scale it may be better/cleaner to have a error handler listening for any image error.

If you're interested is event attributes, Mozilla has some nice documentation on it: developer.mozilla.org/en-US/docs/W...

Collapse
 
equinusocio profile image
Mattia Astorino • Edited

Ther is an error in the inlined code.

onerror="this.src='this.src='fallback-img.jpg'"

Collapse
 
mckabue profile image
Kabue Charles

seen it... thanks...