Firefox handles missing images in different ways depending on the ALT attribute.
Case 1: Missing Image with No ALT attribute
- Display a broken image
Case 2: Missing Image with ALT=”"
- No indication whatsoever, just a blank space
Case 3: Missing Image with ALT=”Something”
- Display only the text in ALT, no image placeholder to indicate presence of image
Picture: Missing Images in Firefox
I guess Firefox is conforming to the W3C standards of displaying the ALT text if the image is missing/broken or unavailable. However this can prove to be a hassle for web designers as they can’t easily tell whether there are any missing images on their webpage. Worse, they may not even be aware of any missing images. Until they view the webpage in IE (Microsoft deserve some love eh 
)
Picture: Missing Images in Internet Explorer
So I came up with my first Greasemonkey script which does only one simple thing – display all missing images, just like in IE.
Features
- Display missing images regardless of ALT tags
- Mouseover broken image to view the original image’s source url
Installation
1) Install Greasemonkey Firefox Addon and restart Firefox (if not already installed)
2) Click on the “Download Now” link below
3) Click install
Preview
Picture: Missing Images in Firefox with Show Missing Images GM Script
Download
Size: 1,72 kBytes
FileType: .js-File
Downloads: 2012
[Download Now]
What's Next?
»
» Subscribe to Feed
» Leave a Comment
Related Posts:
» Firefox Addon: Show Missing Images
» Updated Firefox Addon: Show Missing Images
» Check Your Akismet Spam Often
» Newer Post: Firefox Addon: Show Missing Images
« Previous Post: Theme Bugfix: Blogging Pro
If you are using Wordpress, you can use SEO Friendly images plugin that will automatically add both alt and title tags.
http://www.prelovac.com/vladimir/wordpress-plugins/seo-image
Hi – Im having a problem whereby missing images on a development server in Firefox dont stretch as they do in IE…i.e. if they are missing they wont fill the containing DIV, regardless of the fact if size is set on the image tag..will this solve this?
I doubt so.
Thanks, I appreciate this script. It’s especially useful when the image that doesn’t load also happens to be a link.
Hey, thanks for this script; it’s exactly what I’ve always needed.
I installed it yesterday. — In a little bit more researching today, I discovered (via some other script) that this was available:
document.images[i].style.MozForceBrokenImageIcon = 1
Rather than using all that Hex. — In addition, I can then right-click, to “View Image,” and it avoids all that Hex showing up in the browser bar.
Looks prettier, too. — But, seriously, I know next-to-nothing nothing about JavaScript / GreaseMonkey, but your code helped make things a lot better. Thanks!
Basic4: thanks for sharing
perfect!
Great Lists!
I have been looking for something like IETester for quite sometime. IE grrrrrrrrr…..