How to silently hide "Image not found" icon when src source image is not found

javascript jquery html css image
systempuntoout picture systempuntoout · Jul 13, 2010 · Viewed 85.6k times · Source

Do you know how to hide the classic “Image not found” icon from a rendered HTML page when an image file is not found?

Any working method using JavaScript/jQuery/CSS?

Answer

Gary Willoughby picture Gary Willoughby · Jul 13, 2010 
<img onerror='this.style.display = "none"'>

Related questions

Disable dragging an image from an HTML page

I need to put an image in my page. I want to disable dragging of that image. I am trying lot of things but no help. Can somebody help me out ? I don't want to keep that image as a …

Read More
Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
How to apply !important using .css()?

I am having trouble applying a style that is !important. I’ve tried: $("#elem").css("width", "100px !important"); This does nothing; no width style whatsoever is applied. Is there a jQuery-ish way of applying such a style without having to …

Read More