Many of us are using a lightbox library for nice looking photo galleries, either on a blog or some other kind of website. When using a flash menu, or banner, on the same page usualy the flash gets on top of the image in the lightbox, creating a nasty looking effect.

A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order (“z-index”) of those layers. By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer.

In orderto to allow layering of Flash content with DHTML layers use the WMODE parameter . The WMODE parameter can be ‘window’ (default), ‘opaque’, or ‘transparent’. Using a WMODE value of ‘opaque’ or ‘transparent’ will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.

To edit an existing HTML page, add the WMODE parameters to the HTML code.

Add the following parameter to the OBJECT tag:

<param name="wmode" value="opaque">

Add the following parameter to the EMBED tag:

wmode="opaque"