javascriptjquerylightboxshadowbox

Shadowbox is not Defined

Alright, so, I am using Shadowbox, which is a jQuery Lightbox (per se), and according to Firebug, it may be breaking my code.

This is the exact error:

Error: Shadowbox is not defined Line: 19

This is my code in my JavaScript/jQuery file.

jQuery(document).ready(function(){
    jQuery("a img").hover(function() {
        jQuery(this).stop().animate({opacity: "0.75"}, 'slow');
    },
    function() {
        jQuery(this).stop().animate({opacity: "1"}, 'slow');
    });
    if ( jQuery('.slider')[0] ) (
        jQuery(".slider").slideshow({
            width      : 900,
            height     : 150,
            transition : 'SquareRandom',
            navigation : false,
            selector : false,
            timer : false,
            control : false,
        })
    );
    Shadowbox.init();
});

What is going on here! Any help would be appreciated! Thank you :)

Solution

  • It means that Shadowbox was not loaded. In your <head> tag, make sure you have something like:

    <script type="text/javascript" src="Shadowbox.js"></script>