lightbox viewer not displaying above page..can anyone help?

[urbannerd]

1) Script Title: Lightbox Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...box2/index.htm

3) Describe problem: The site im working on is set to have an image gallery that I would like to use this lightbox on. but every time the button is clicked the following is occuring:

1. the grey overlay isnt appearing at all
2. the image box does not appear "over" the site- but appears below the site -requiring me to scroll

the page in question can be viewed at http://www.pgmintegrated.com/test/gallery.php

I'm hoping this is a simple fix.. can anyone share any incite?.. thanks

[jscheuer1]

Your test page works fine here, what browser are you using? What OS?

[urbannerd]

yeah i looked over the code and realized it i didnt have the lightbox.css in a css folder as referenced in the code.. now im just curious as to how i can display them in the right order.. they are starting at the last pic and going backwards(which i dont mind- but im sure the client would like users to go forward instead of backwards?... how do i set that?

[jscheuer1]

<div id="galbtn"><a href="gal2/.01jpg" rel="lightbox[examples]"
><img src="images/gall_btn.jpg" alt="view our gallery" border="0" /></a>
<a href="gal2/02.jpg" rel="lightbox[examples]"></a>
<a href="gal2/03.jpg" rel="lightbox[examples]"></a>
<a href="gal2/04.jpg" rel="lightbox[examples]"></a>
<a href="gal2/05.jpg" rel="lightbox[examples]"></a>
<a href="gal2/06.jpg" rel="lightbox[examples]"></a>
<a href="gal2/07.jpg" rel="lightbox[examples]"></a>
<a href="gal2/08.jpg" rel="lightbox[examples]"></a>
<a href="gal2/10.jpg" rel="lightbox[examples]"></a>
</div>

[urbannerd]

perfect...i really appreciate that.. last thing.. if i wanted to create a link on the home page that would open the lightbox.. how do it get it to appear "above" the flash movie ?... i tried it and the swf was still over the gallery...

[jscheuer1]

Loosely from:

http://www.macromedia.com/cfusion/kn...fm?id=tn_14201

Add in this language to your object/embed tag -

Add the following parameter to the OBJECT tag:

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

Add the following attribute to the EMBED tag:

wmode="transparent"

Or, if you are using two object tags, as can and is sometimes done, add the param tag to both of them.

If you are using script to generate the tags (as is frequently done to avoid the 'click to activate' feature in some browsers), the wmode transparent must be passed to the script. This is easily accomplished but, varies depending upon the sort of script one uses. Some scripts do it automatically.

There could also be other issues, like z-index stacking, but this usually does the trick.

[sonal]

hey! thanks john
the post related to flash player was very helpful.. i was just grinding my head for the answer.
thanks a lot!!