Skip to content Skip to sidebar Skip to footer

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:

<object type="application/x-shockwave-flash" 
        data="images/flash.swf" 
        width="450" height="960">
  <param name="movie" value="images/flash.swf" />
  <img src="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>
     <param name="" value="" /> 
     <!-- more params... -->
     <img src="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.


Post a Comment for "Alternative Image When Flash Banner Is Not Available USING HTML/CSS?"