Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 238
  • Last Modified:

Alternate image when Flash is not installed

When Flash does not load, I would like to display an image. When I use the following code, the image is displayed below the flash movie. I want it to be hidden when Flash works. What code should I use?
<object classid="clsid:d25cdb6e-ae6d-11cf-34b8-423423540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" 
    width="452" height="402" id="intro.swf" align="left">
    <param name="movie" value="http://test123.com/intro.swf">
    <param name="allowScriptAccess" value="always" />
    <param name="allowFullScreen" value="false" />
    <param name="quality" value="high">
    <param name="bgcolor" value="#FFFFFF">			 
    <embed src="http://test123.com/intro.swf" quality="high" bgcolor="#FFFFFF"  width="452" height="402" 
	    name="intro.swf" align="left" allowScriptAccess="always" allowFullScreen="false" 
	    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
    </embed>
    <img src="http://test123.com/intro.png" alt="" title="">
</object>

Open in new window

0
R7AF
Asked:
R7AF
1 Solution
 
CyanBlueCommented:
You might want to check out SWFObject for that...
   http://code.google.com/p/swfobject/
   http://www.adobe.com/devnet/flashplayer/articles/alternative_content.html

CyanBlue
0
 
tomaugerdotcomCommented:
I also recommend SWFObject, but if you want a more DIY approach, try this protocol:
<!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="flash.swf" width="500" height="100">
<!-- <![endif]-->

<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
    width="500" height="100">
  <param name="movie" value="flash.swf" />
<!--><!--dgx-->
  <param name="loop" value="false">
  <param name="menu" value="false">
  <param name="quality" value="high">
  <img src="flash_replacement.png" width="500" height="100" alt="No Flash">
</object>
<!-- <![endif]-->

Open in new window

0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now