Can't create a transparent layer above the flashfile :(

**CrystalComet k** · 11-26-2006, 09:37 AM

Hi,

I have this html code which creates a browser filling flashobject, but then comes the problem. I want another layer to be above the flash file but it places the file underneath the file. Can anyone help

this is the html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>
<TITLE>the titleTITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK
href="favicon.ico" rel="shortcut icon">
<SCRIPT src="bestanden/flashobject.js"
type=text/javascript></SCRIPT>

</script>
<style type="text/css">

</style>
</HEAD>
<BODY leftMargin=0 topMargin=0 scroll=no marginheight="0" marginwidth="0">
<DIV class="style1" id=flashcontent><span class="style8 style1">by</span><span class="style9 style2">crystalcomet</span> <span class="style4 style10 style3">webdesign</span></DIV>
<SCRIPT type=text/javascript>
// <![CDATA[
var fo = new FlashObject("main.swf", "externalInterface", "100%", "100%", "8", "#000000");
fo.addVariable("topicID", getQueryParamValue("id"));
fo.addVariable("movie", getQueryParamValue("movie"));
fo.addParam("scale", "exactfit");
fo.write("flashcontent");

// ]]>
</SCRIPT>

</BODY>

</BODY>
</HTML>

**admedia** · 11-26-2006, 10:01 AM

I don't think it's possible to put anything over top of Flash.

**CrystalComet k** · 11-26-2006, 10:07 AM

here's a good example:

http://www.a3d.nl/home/main.php

but how?

**admedia** · 11-26-2006, 10:14 AM

Originally Posted by CrystalComet k

here's a good example:

http://www.a3d.nl/home/main.php

but how?

Cool site, but that is 100% Flash.

**Genesis F5** · 11-26-2006, 11:13 AM

Technically, you can put something over a Flash object, but that's only until you activate the Flash object. After that, Flash assumes the top layer.

Create an iframe and then position it with CSS over the Flash object. Once you click to activate, the iframe disappears behind the Flash object.

**admedia** · 11-26-2006, 11:37 AM

What do you mean...

Activate the Flash object

?

**Genesis F5** · 11-26-2006, 12:23 PM

Clicking on the movie to interact with it. The new means of engaging it after Eolas's stint. But, I guess that wouldn't really work if you're using a workaround to disable it.

**admedia** · 11-26-2006, 12:26 PM

Interesting yea, I guess I never thought of using that to any advantage... would only work with IE as well I suppose.

**discs79** · 11-26-2006, 01:37 PM

You could try Thickbox

**CrystalComet k** · 11-27-2006, 12:04 PM

isn't there any solution

**jasonsplace** · 11-27-2006, 04:36 PM

If you set wmode to opauqe in your HTML then HTML can go above it. I have quite a few sites where I have drop down menus that overlap my flash. I'm not too familiar with FlashObjects but try adding:
fo.addParam("wmode", "opaque");

**admedia** · 11-28-2006, 09:15 AM

Originally Posted by jasonsplace

If you set wmode to opauqe in your HTML then HTML can go above it. I have quite a few sites where I have drop down menus that overlap my flash. I'm not too familiar with FlashObjects but try adding:
fo.addParam("wmode", "opaque");

I stand corrected, You are right jasonsplace. I have done the same. Oddly I had to do the opposite though and use

Code:

fo.addParam("wmode", "transparent");

Example on the Amenities menu.

**monstermash** · 12-01-2006, 10:31 AM

by default, flash occupies the top layer in a browser. wmode transparent or opaque only works in ie, i believe.

there are some very nice sites that have html/css/javascript drop down menus that go over flash; target.com is one.

i have not been able to get a system like this to work yet, but i am searching. it would be a very useful application if i can get it to work. not quite sure if the flash is placed dynamically, the drop down menus, or both.

any solutions to this issue would be most appreciated.

**jasonsplace** · 12-01-2006, 11:50 AM

I did a drop down menu over flash here. I just used wmode opaque. Transparent has the same effect except it also makes the background color of the flash transparent so that your page background shows through. If you need the background to show through then use transparent otherwise use opaque. It is fairly easy to do.

**monstermash** · 12-01-2006, 10:58 PM

1. does this work on a mac (safari, firefox, camino, opera)?
2. it took a good 30 seconds of being on the site before the dd menus worked

**jasonsplace** · 12-02-2006, 04:14 AM

I know it works on Firefox and Safari but haven't tried it on the others. It uses JavaScript but only in IE. I have never had it take 30 seconds for the drop down menus to work...they have always worked immediately for me.

Thread: Can't create a transparent layer above the flashfile :(

Thread Tools

Display

Can't create a transparent layer above the flashfile :(

Posting Permissions