DHTML Layers Over Flash???

[mr.b]

Is it possible to put DHTML layered graphics over Flash swf files? I had a great menu in the works, then added a Flash movie. Now the Layer won't show?

http://www.altairtek.com/testing/chkd/home.htm

[evildrome_boozerama]

You're a sick puppy... DHTML over Flash ? Baaarf !

Keep it pure man !


Cheers,

Evildrome.

[adrious]

mr. b,
I was wondering the same thing until I saw http://www.philips.com

They load DHTML hierarchical menus over the rotating flash movies that display in the main window... I hope that helps you.

[selectorslag]

you can. just not quicktime - has something to do with
captiv...

- excuse me -

activeX and the way it handles
plugins...

hope that helps.

[Alexei]

Flash movies take priority over pretty much everything else in the page (Z index doesn't help)...
As far as I can tell they loaded a html containning the swf into a layer...(not sure about this one)...

[chasingmadness]

otay, here's what u need to do-

(this will work in netscape and explorer, yay!)
(and do not use the netscape layer tag, it wont work!)

u will have to type this up from scratch, and i assume u knwo enuff about style sheets to drop positions for things:

the first thing u will have to make on the page is the div tagset <div> </div> (i typed it there, but it might not show up!)

next, u need to drop in the layer for the stuff u want on top of the flash now u should have a div tagset inside of a div tagset! - take your flash embedding code, and place it after the second div tags, but still inside the first set:
ex: (note that i am leaving off the >'s so your browser wont hide this!)
<div -(thats div #1's opening tag!)
<div -(thats div #2's opening tag!)
</div -(thats div #2's closing tag!)
*embed & object tags and parameters for flash go here*
</div -(thats div #1's closing tag!)


now what u do from there is to drop your content for the layer that goes on top of the flash file, into the div#2 tagset - i suggest at this point also giving each on an id via css- perhpas div(1) id="flash" and div(2) id="toplayer"

all u need to do now is position them as you normally would position a div layer with css- and make sure that the one for flash has z index 1 and the one for the top layer has zindex2 - this will work in both netscape and explorer, but dont try and give either layer a background image or colour- that is guaranteed to crash your browser! (i dont think it can handle tiling over a flash file, or filling with color!)

hope dat helps ya! (note if u wanna be a real pro about it, you can also animate that top layer - i dont suggest moving the layer with flash, but its really safe to move the top layer via a dhtml timeline!)

[reyzor]

when your trying to mix up flash with layers, it's important to remember to put your flash movie on it's own layer. That way you can decide its layered importance with the z-index setting.

A neat little trick I did was put the flash movie with a transparent wmode setting on it's own top layer. that way the movie opened up on top of the html in the background.
It's got me some kudos at my work.

you should have absolutely no problem manipulating the order of layers, regardless if it's flash or not.


hope that helps.

[kikimo]

Very simple solution. Add this parameter to your movie:

param name="wmode" value="opaque"

This is how it is done on the Macromedia site.

[wynn]

Can anyone get this to work on Mac's?

-Wynn

Originally posted by kikimo
Very simple solution. Add this parameter to your movie:

param name="wmode" value="opaque"

This is how it is done on the Macromedia site.

[cyndi173]

Hi this worked perfect!!!! Compliments of Lefteris, the designer of Popup Menu, Cheers, Cyn

Works only for IE4 and above You just have to insert


<PARAM NAME=wmode VALUE=transparent>

in the flash movie parameters.

Very useful !