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

Click to See Complete Forum and Search --> : 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

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 (http://codylindley.com/Javascript/279/thickbox-20-is-here)

CrystalComet k

11-27-2006, 12:04 PM

isn't there any solution :( :( :(

jasonsplace

11-27-2006, 04:36 PM

admedia

11-28-2006, 09:15 AM

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 fo.addParam("wmode", "transparent");

Example (http://discovercopperleaf.com/) 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 (http://www.utah-fbla-pbl.org/pbl/). 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.