
What?
OK, we have all seen it, when its used properly it can create some real compelling web content interaction, or when done wrong, it can just annoy. but one thing its for sure to do is wonder how it was done! actually its very simple and below is what you will need to do in your flash movie to do the same, just dont abuse it!!
How?
1) In your flash movie set the movie size to the size of the targeted web page.
2) export your movie (swf file)
3) Open your web page html
4) Add a layer over the top of your webpage to host the flash.
a) example:
<LAYER width="200" height="300"></LAYER>
5) insert the code for the flash movie in the layer you created.
a) example:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="32" height="32">
<param name=movie value="http://www.flash.com/movie.swf">
<param name=quality value=high>
<embed src="http://www.flash.com/movie.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="32" height="32">
</embed>
</object>
6) modify the object tag to include this attribute after the second <param> attribute:
a) example:
<param name="wmode" value="transparent">
Why?
Well this will allow the movie window mode to be transparent and show the web content through the blank areas of the movie. now the real question will be why you want to?
you will come up with all of the great compelling reasons, so have fun!
just dont scare off your visitors by abusing it..!!
Cons:
the biggest downside about doing this is the side effects that you may experience accessing your html elements with the transparent flash layer over them. form controls and mouse events will not be triggered as expected. although some creative scripting can programatically toggle visibility of the layer.
see my home page for a demo..