PDA

View Full Version : lightbox viewer not displaying above page..can anyone help?



urbannerd
02-20-2008, 04:09 PM
1) Script Title: Lightbox Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/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:
the grey overlay isnt appearing at all
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
02-20-2008, 04:37 PM
Your test page works fine here, what browser are you using? What OS?

urbannerd
02-20-2008, 05:26 PM
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
02-20-2008, 05:38 PM
<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
02-20-2008, 06:09 PM
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
02-20-2008, 06:21 PM
Loosely from:

http://www.macromedia.com/cfusion/knowledgebase/index.cfm?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
05-23-2008, 11:15 AM
hey! thanks john
the post related to flash player was very helpful.. i was just grinding my head for the answer.
thanks a lot!!