Lightbox Image viewer v2.03a & carousel

[webshopadmin]

1) Script Title: http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

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

3) Describe problem:
Hi All, first off i'd like to say, great forum & website. Helps me a lot!

Anyway the problem:
So i have this webshop & im using a jquery Carousel script, for the header product images. And for the main images i use the lightbox.

The problem is that they cant work both.

The Carousel file has 2 js files:

Carousel.js (http://www.mijngadgetshop.nl/templates/default/carousel.js)

And

jquery.min.js (http://www.mijngadgetshop.nl/templates/default/jquery.min.js)

Anyway, there is something in jquery.min.js that wont work together with lightbox.

How can i fix this? Your help is appreciated very much!

As soon this is fixed, i can put my shop live.

Thanks in advance!

[jscheuer1]

Lightbox Image viewer v2.03a will never work with jQuery, not even in jQuery's noConflict mode. Other than abandoning one of the scripts, you have two basic choices:


Switch your lightbox functionality to a jQuery based script like:

http://leandrovieira.com/projects/jquery/lightbox/

or:

http://jquery.com/demo/thickbox/

There are others, Google:

jQuery Lightbox

to find more.


Update to Lightbox Image viewer v2.04a:

http://home.comcast.net/~jscheuer1/side/lightbox2.04a/lightbox2.04a.zip

This option would be a bit trickier in that the jQuery Carousel script would have to come before Lightbox v2.04a in your code and the jQuery Carousel script would need to be made entirely (fortunately it's already somewhat) into a jQuery noConflict mode script. More on that later if you choose this option.


The first option is better though because it will drastically reduce the amount of code required for the page.