Combining Featured Content Glider & Lightbox

[Samsonbi]

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]

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]

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]

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