On the front page of our website we have a Flash movie that I think explains our business very well. I really like it and I think the little animations help to tell the story. The problem is that on browsers without Flash, there used to be a big empty space on the most important part of the page.
To address this, we have built in a detector that will identify visitors that don't have Flash installed. For these users, the page will serve up a series of still images animated using JQuery. For those browsers that don't even support jQuery or JavaScript, the page serves up an animated gif as a very basic slide-show. We no longer get empty space or ugly missing plug-in messages.
An animated gif is served to visitors without Flash or JavaScript
To see how it works, take a look at the source code of http://www.spacedatabase.com/index.html . Feel free to use this method on your site!
An easy way to test what a site looks like is to temporarily turn off Flash in your browser. Here are instructions for the most common browsers:
- Firefox: go to the 'Tools' menu, select 'Add-ons', then 'Plugins' , scroll down to 'Shockwave Flash' and click on 'Disable'
- Internet Explorer: go to the 'Tools' menu, select 'Toolbars and Extensions', pick 'Shockwave Flash Object' and click 'Disable'
- Chrome: use the address bar at the top and type in 'chrome://plugins'. On the web page, scroll down to 'Shockwave Flash' and click 'Disable'.
Don't forget to turn Flash back on again by clicking 'Enable'!








