HTML ~ Hide broken images, or replace then gracefully

	<!-- https://stackoverflow.com/a/22051972 -->
	<img src="Error.src" onerror="this.style.display='none'"/>
	<img src="Error.src" onerror="this.src='fallback-img.jpg'"/>

view raw hide_broken_images_or_replace_then_gracefully.html hosted with ❤ by GitHub

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

Comments

[Jip⚡️]

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

[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...

[Mattia Astorino]

Ther is an error in the inlined code.

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

[Kabue Charles]

seen it... thanks...