Many times you find your image links are broken. In firefox, Chrome if your images links are broken then your images are hidden by default. If you see same scenario in IE it will show you 'X' image missing.
I found following snippet quite useful which hides broken images using jquery.
Hope you find it useful.
I found following snippet quite useful which hides broken images using jquery.
$(document).ready(function(){ $("img").each(function(index) { $(this).error(function() { $(this).unbind("error").attr("src", "/images/NoImage.png"); // If you want to replace with any blank image. $(this).hide();//You can simply Hide it using this. }); $(this).attr("src", $(this).attr("src")); }); });
Hope you find it useful.
Thank you, this was extremely helpful.
ReplyDeleteThank you man, It works on IE!
ReplyDeleteThat really worked.
ReplyDeletewhere do you put this in your document?
ReplyDeleteYou can put this under your html head tag.
Delete