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?

Answer 1

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