PDA

Click to See Complete Forum and Search --> : Flash Transparency

nishant_kalia85
11-09-2005, 12:35 AM
Hey i need help :confused: :confused: PLEASE HELP

Can ne1 tell me how can we make the flash transparent in the browser. jus like those ads in yahoo mailbox. I think its a gr8 source for navigation design.

Thanx in advance

Nishant kalia
LJK
11-13-2005, 10:42 PM
Hi -
Here's a typical object/embed combo - it's the wmode parameter and attribute that'll make the bkgnd. show as transparent:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,19,0,0"
width="700" height="600">
<param name="movie" value="joeHair.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="joeHair.swf" quality="high" width="700" height="600"
type="application/x-shockwave-flash" wmode="transparent"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>


Hope that helps,
El
coothead
11-15-2005, 06:28 AM
Hi there nishant_kalia85,

if you plan to validate your page, I suggest that you use the Satay Method for your flash...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>swf wmode</title>
<base href="http://achelous.mysite.wanadoo-members.co.uk/"/>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>

<style type="text/css">
/*<![CDATA[*/
body {
background-color:#333;
color:#fff;
}
#flash_container {
position:absolute;
top:210px;
left:210px;
width:394px;
height:268px;
border:5px double #909;
background-color:#cd2210;
color:#333;
}
#flash_container object {
width:394px;
height:268px;
}
#image_one {
position:absolute;
top:160px;
left:160px;
width:100px;
height:100px;
background-image:url(anim2.gif);
border:2px solid #909;
}
#image_two {
position:absolute;
top:372px;
left:370px;
width:100px;
height:100px;
background-image:url(anim3.gif);
border:2px solid #600;
}
/*//]]>*/
</style>


</head>
<body>

<div id="flash_container">

<object type="application/x-shockwave-flash" data="circle.swf">
<param name="movie" value="circle.swf"/>
<param name="wmode" value="transparent"/>
</object>

</div>

<div id="image_one"></div>
<div id="image_two"></div>

</body>
</html>
coothead