How to make the background of a .swf file transparent?

[lee jooy]

I am trying to make my html page visible thru the background of my .swf file. I know the method:

<param name="wmode" value="transparent" />

It does not seem to work. You can view the page here:

http://www.leopoldjoy.com/new%20website/test_page.html

This is the .swf embed code i use:

      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="400">
        <param name="movie" value="test_big.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
        <param name="expressinstall" value="../Scripts/expressInstall.swf" />
        <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="test_big.swf" width="480" height="400">
          <!--<![endif]-->
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="../Scripts/expressInstall.swf" />
          <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>

How can I make the background of the .swf transparent?

Thanks in advance.

[TonyBoy]

The .swf needs to have transparent bg first. Are you sure it has?

[lee jooy]

Do you mean when I export it from Flash?
If so, yes I have changed the HTML publish settings in flash to read "transparent windowless"

[TonyBoy]

Yes, I was referring to that.
Maybe the problem is related to your use of script to display the flash movie instead of normal <embed> tag. I say that because normally besides including <param name="wmode" value="transparent"> in the object tag, you would also need to include wmode="transparent" in the embed tag.

[lee jooy]

Yes, that is possible.
Do you know the full code to embed it that way? (wmode="transparent")

[TonyBoy]

I know that's possible.. why don't you embed it that way instead of using javascript?
This page should help.

[lee jooy]

I tried this:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase=";http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="480" HEIGHT="400" id="MyMovieName">
<PARAM NAME=movie VALUE="test_big.swf">
<PARAM NAME=quality VALUE="high">
<PARAM NAME=wmode VALUE="transparent">
<EMBED src="test_big.swf" quality="high" WMODE="transparent" WIDTH="480" HEIGHT="400"
NAME="MyMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>

You can see it here.
This embed code did not seem to work.
Could it have to do with the type of flash?

[TonyBoy]

I'm almost sure that the problem resides in your flash file. I think it isn't transparent at all. Make sure it is when you export it.

[lee jooy]

I have tested the method you say, and it seems to work just fine on most flash files i have made. Yet it does not seem to work on this.
Could it have to do with the magnifying glass effect (type of flash)?

[TonyBoy]

I can't help you much because I don't know much about flash :/
Try asking in flash forums if anyone can figure out what's wrong with your flash file.