0

I have a jquery sliding image gallery and a lightbox gallery on the same html page. The only way i can get the sliding gallery to show in a browser on the page is to have the lightbox script placed above the slider script. This will make them both show but the light box gallery does not work. When clicked on the image that's supposed to appear as a light box just pops up on a blank white page at the top left.
Heres my code below, does anyone have any ideas?

<!-- JavaScripts-->
<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 src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
              $('#slider1').s3Slider({
            timeOut: 4000 
        });
    });
</script>

Thanks Kevin

3
Contributors
3
Replies
4
Views
6 Years
Discussion Span
Last Post by Aisha_mdf
0

Thanks stbuchok, that worked a treat.... for anyone else who's having the same problem here's the code.

var $j = jQuery.noConflict();
    $j(document).ready(function() {
              $j('#slider1').s3Slider({
            timeOut: 4000 
        });
    });
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.