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

Recommended Answers

All 3 Replies

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 
        });
    });

thats really helpful and working fine ^_^.. thanks a lot

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.