DEV Community

loading...

HTML ~ Hide broken images, or replace then gracefully

mckabue profile image Kabue Charles Updated on ・1 min read
onerror="this.src='fallback-img.jpg'"
onerror="this.src='fallback-img.jpg'"

Discussion

pic
Editor guide
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

Ther is an error in the inlined code.

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

Collapse
mckabue profile image
Kabue Charles Author

seen it... thanks...