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,76 kBytes
FileType: .js-File
Downloads: 787
[Download Now]
What's Next?
» Share This (Social Bookmarks/Email)» Subscribe to Feed
» Subscribe to Email
» Leave a Comment
Related Posts:
» Firefox Addon: Show Missing Images
» Check Your Akismet Spam Often
» Theme Bugfix: SoftwareHolic
» Newer Post: Firefox Addon: Show Missing Images
« Previous Post: Theme Bugfix: Blogging Pro
[...] Show Missing Images - Greasemonkey Script [...]
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.