Animation

  1. Home
  2. Computing & Technology
  3. Animation

Creating Transparent Flash Movies with WMode and Div Layers

By Adrien-Luc Sanders, About.com

2 of 4

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@About.com. If you’re fairly comfortable with it or think you can pick it up easily, move on to the next step.

Explore Animation

About.com Special Features

Animation

  1. Home
  2. Computing & Technology
  3. Animation
  4. Flash Animation Tutorials
  5. Creating Transparent Flash Movies with WMode and Div Layers

©2009 About.com, a part of The New York Times Company.

All rights reserved.