Lightbox /other JavaScript library conflict

Question

I have the following code in the header of a website that I'm working on but they both seem to be in conflict with each other.

<link href="tq.css" rel="stylesheet" type="text/css" media="screen" /> <script src="framework/mootools.js" type="text/javascript"></script> <script src="slideshow/js/slideshow.js" type="text/javascript"></script> <script src="slideshow/js/slideshow.kenburns.js" type="text/javascript"></script> <link href="slideshow/css/slideshow.css" rel="stylesheet" type="text/css" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script>

The Sideshow stops working whenever I add the lines below while the lightbox works. How can I fix it?

<script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script>

is the lightbox a jQuery plugin? Do you have jQuery somewhere as well? — Ben
– Ben, Commented Jun 26, 2011 at 4:25

Jason Aller · Accepted Answer · 2016-10-23 19:29:20Z

1

Use jQuery noConflict. Information about which can be found at: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

edited Oct 23, 2016 at 19:29

Jason Aller

3,66028 gold badges43 silver badges40 bronze badges

answered Jun 26, 2011 at 5:16

Gajendra Bang

3,5732 gold badges29 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sleek Geek Over a year ago

The noConflict method helped

Gajendra Bang Over a year ago

if it solved your problem, please mark the answer as correct and help community :)

Collectives™ on Stack Overflow

Lightbox /other JavaScript library conflict

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related