Transparent Overlays using MX 2004 Pro?

[bds34]

Greetings,

I have Flash MX 2004 Professional. I am trying to make what I believe is called a transparent overlay.

A perfect example is what shows up here: http://www.unitedvirtualities.com/demo/puffs1/

However, I can't figure out how to do it in my version of Flash. Is it not supported in MX 2004 Pro, or am I just missing the means here?

Thanks!
--Brian

[austriaman]

Greetings,

I have Flash MX 2004 Professional. I am trying to make what I believe is called a transparent overlay.

A perfect example is what shows up here: http://www.unitedvirtualities.com/demo/puffs1/

However, I can't figure out how to do it in my version of Flash. Is it not supported in MX 2004 Pro, or am I just missing the means here?

Thanks!
--Brian

First of all, the example you provided was created in Flash alltogether.
I take it you want to embed a transparent Flash-file into an html-content environment though.

This is only partly done in Flash.
First thing you need to do is setting the transparency of your Flash-movie by choosing --> File --> Publish Settings (Crtl + SHIFT + F12) and clicking the HTML-Tag. Set the window - mode to "Transparent" and publish your movie.

Secondly, you need to create a Layer in your html-file, which can be done using Javascript. If you're working with Dreamweaver, simply go to --> Insert --> Layout Objects --> Layer. Position your layer and cut & paste your Flash-File into the layer ...et voilÃ*! In case you're not using Dreamweaver, just let me know and I'll provide the code for you.

[bds34]

Hi Austriaman - I don't use Dreamweaver. If you could provide the code, that would be a huge help. Thanks!

[austriaman]

This is the code Dreamweaver generates; - there may be other workarounds:

HEAD:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script> 

BODY:

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 100px; top: 100px;"></div>

"left" & "top" determine the position of your layer.