PDA

View Full Version : Combining Featured Content Glider & Lightbox



Samsonbi
10-08-2008, 06:00 PM
1) Script Title: Featured Content Glider and Lightbox image viewer 2.03a

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem:

Hello guys.
Currently I am testing out several scripts I've found on your excellent website.
On my testpage I've tried to combine the scripts Featured Content Glider and Lightbox image viewer 2.03a, but together they won't work.

My testpage without Lightbox (http://teh-evil.com/withoutlb)
My testpage with Lightbox (http://teh-evil.com/withlb)

As you can see on the testpage with Lightbox, none of the scripts is working. What could solve the problem? :confused:

Greetings

ddadmin
10-08-2008, 07:45 PM
Sounds like a conflict with the "$()" function used by this script and Lightbox's. Before I get to officially updating the script with a fix, try the below modified .js file.

Samsonbi
10-08-2008, 11:32 PM
Thank you so much, it's working now :)

But unfortunately, another small problem occurred:

http://teh-evil.com/withlb/images/problem_lb.jpg

The lightbox frame appears behind the content glider. Is there any way to solve this?

(Choose the menu point "Yukon" and click on the link to open the picture highlighted with lightbox)

ddadmin
10-09-2008, 05:35 AM
Try increasing the z-index values as they appear inside lightbox.css to a greater value, for example:


#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 1000;
text-align: center;
line-height: 0;
}

There are two other instances of z-index inside the .css file