Jquery conflict with Lightbox 2 when adding "jquery.min.js" file to website
I have 2 separate things going on my homepage using jscript. One is a random bground image slideshow calling the following:
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/random.js" type="text/javascript" charset="utf-8"></script>
accompanying HTML:
<div id="slideshow">
<div id="s_show-container">
<div id="s_show">
<img src="../images/slide1.jpg">
<img src="../images/slide2.jpg">
<img src="../images/slide3.jpg">
<img src="../images/slide4.jpg">
<img src="../images/slide5.jpg">
</div>
</div>
The other is using Lightbox 2 that calls the following js:
<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>
Everything has worked great with lightbox until I added the slideshow. When I disable jquery.min.js, the Lightbox gallery works fine again.
Webpage source: www.bki.com.au/view_proto/proto.html
I've scanned Lightbox and java forums to no avail. My skills in js/jquery are beginner level. Please help!!