Creating Transparent Flash Movies with WMode and Div Layers

From Adrien-Luc Sanders, former About.com Guide

Once you’ve exported your SWF file, you’ll need to edit the source code that embeds it in an HTML file. I usually use NotePad or DreamWeaver for editing raw code. Now, I know you can’t see that block of highlighted code in that teeny-weeny picture, so here it is:

<div id=layer1 style="position:absolute; top:20; left:20; width:350; height:350; z-index:1; padding:0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="300">
<param name="movie" value="wmode.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="wmode.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="300" wmode="transparent"></embed></object>
</div>

If that looks like absolute Greek to you, you may want to take a look at WebDesign@aboutguide.com. If you’re fairly comfortable with it or think you can pick it up easily, move on to the next step.

Previous

• 1
• 2
• 3
• 4

Next