Hey Guys,

Lightbox conflicting with my slide show script, plz help URGENT!!!

My Lightbox wont work properly.

if you vistit www. volcanos. com.au/menu.php (spaces there on purpos) - I have a sliding image on the top right corner and also uderneith it I have a menu which opens up with lightbox. However the problem im having is when you click on the menu it opens the image in its own window.

in my head section where i have:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="slider/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="slider/simplegallery.js"></script>
<script type="text/javascript">

my slideshow works but not the lightbox.

HOWEVER.

If i swap them over to look like this:

<script type="text/javascript" src="slider/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="slider/simplegallery.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript">

My slideshow no longer works but the lightbox does.

please anyone got any ideas. Its driving me mad

anyone??

Obviously some variable names are conflicting.

Check the developers websites for any conflict resolution tools / workarounds

You can't just throw Prototype and jQuery together and expect them to work automatically. They both use the same global name, "$". You need to include jQuery before Prototype, so that Prototype overwrites jQuery's $ (jQuery plugins are written so that they don't need $, which is just a pseudonym for jQuery). The other thing you could do is take advantage of jQuery.noConflict(). Then, you would have to edit your jQuery code so that it uses jQuery instead of $.

Perhaps an even better solution would be to not use Prototype, Scriptaculous, and jQuery all on a single page. That's a huge amount of bloat. There's a great Lightbox alternative for jQuery that works fine: http://leandrovieira.com/projects/jquery/lightbox/

jQuery.noConflict() is the solution for this problem, but that is mentioned in so many blog posts (just use Google)...