Alternative Image When Flash Banner Is Not Available Using Html/css?

i'm looking for a solution to my problem, I have a site I have created for a client which features a flash header image, the only problem is he accessed a draft of the site on his

Solution 1:

If you include the flash image using the object tag instead of embed you can put fallback content inside the tags. Some cross browser markup is explained at http://www.alistapart.com/articles/flashsatay. The gist of it is:

<objecttype="application/x-shockwave-flash" 
        data="images/flash.swf" 
        width="450" height="960">
  <paramname="movie"value="images/flash.swf" /><imgsrc="images/header.jpg" />
</object>

Solution 2:

You can use <noembed>..</noembed> although it's a bit deprecated. A better solution is to use the tag, and insert your alternative content inside the object's content, like so:

<object><paramname=""value="" /><!-- more params... --><imgsrc="images/noflash.png" /></object>

Another way is to use the flash auto - generated script for player detection, although it requires understanding it a bit, first.