1. Computing

Creating Transparent Flash Movies with WMode and Div Layers

By

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.

©2014 About.com. All rights reserved.