Chrome - image not found icon

Question

Possible Duplicate:
How to silently hide “Image not found” icon when src source image is not found

Is there any way, to disable default icon of not found image? If src give 404, Chrome shows small icon. Firefox doesn't show anything and I want the same in Chrome. Any solution for that?

To display on YOUR chrome or on your website when someone visits it with chrome? — Salketer, Sep 06 '12 at 16:16
I want to not show that icon whenever someone visits my site via Chrome browser. — tunarob, Sep 06 '12 at 16:17
You mean something like [`-moz-force-broken-image-icon:0;`](https://developer.mozilla.org/en-US/docs/CSS/-moz-force-broken-image-icon) but for webkit? — Wesley Murch, Sep 06 '12 at 16:21

score 7 · Accepted Answer · answered Sep 06 '12 at 16:18

<img onerror='this.style.display = "none"'>

OR

You can use the onerror event in JavaScript to act when an image fails to load:

var img = document.getElementById("myImg");
img.onerror = function () { 
    this.style.display = "none";
}

In jQuery:

$("#myImg").error(function () { 
    $(this).hide(); 
});

Or for all images:

$("img").error(function () { 
    $(this).hide();
    // or $(this).css({visibility:"hidden"}); 
});

You should use visibility: hidden instead of .hide() if hiding the images might change the layout. Many sites on the web use a default "no image" image instead, pointing the src attribute to that image when the specified image location is unavailable.

.error() shoud be better in $(window).load() or in $(document).ready()? — tunarob, Sep 06 '12 at 16:21
`$(document).ready()` I think `$(window).load()` executes after images have loaded. You want to hook the event before they're loaded. — Farzher, Sep 06 '12 at 16:25

score 0 · Answer 2 · answered Sep 06 '12 at 16:19

There is a little solution using htaccess. you have to redirect to a 1x1 transparant png if the picture is not found. The only drawback is that if you explicitely define the width and height of the images, the image will still take the place it should. But nothing will be seen.

Chrome - image not found icon

2 Answers2