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

Printable View

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

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

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>
11-26-2006, 10:01 AM
admedia

I don't think it's possible to put anything over top of Flash.
11-26-2006, 10:07 AM
CrystalComet k

here's a good example:

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

but how?
11-26-2006, 10:14 AM
admedia

Quote:

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.
11-26-2006, 11:13 AM
Genesis F5

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.
11-26-2006, 11:37 AM
admedia

What do you mean...

Quote:

Activate the Flash object

?
11-26-2006, 12:23 PM
Genesis F5

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.
11-26-2006, 12:26 PM
admedia

Interesting yea, I guess I never thought of using that to any advantage... would only work with IE as well I suppose.
11-26-2006, 01:37 PM
discs79

You could try Thickbox
11-27-2006, 12:04 PM
CrystalComet k

isn't there any solution :( :( :(
11-27-2006, 04:36 PM
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");
11-28-2006, 09:15 AM
admedia

Quote:

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.
12-01-2006, 10:31 AM
monstermash

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.
12-01-2006, 11:50 AM
jasonsplace

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.
12-01-2006, 10:58 PM
monstermash

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
12-02-2006, 04:14 AM
jasonsplace

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.