Shadowbox is not Defined

https://stackoverflow.com/questions/12340840

01-07-2021
|

Pregunta

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 :)

Solución

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>

Otros consejos

Try:

shadowbox({
    continuous: true,
    counterType:"skip",
});

Source: https://github.com/mjackson/shadowbox/issues/45

Licenciado bajo: CC-BY-SA con atribución

No afiliado a StackOverflow