Home/ Questions/Q 3851960
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T17:14:36+00:00

I am trying to use shadowbox 3.0.3 in google chrome I am getting: in

  • 0

I am trying to use shadowbox 3.0.3 in google chrome

I am getting:

in chrome

shadowbox.js:17 Uncaught TypeError: Cannot read property ‘style’ of undefined

in firefox

F is undefined
g.find=(function(){var aD=/((?:((?:(…()}};g.skin=k;T.Shadowbox=g})(window);
shadowbox.js (line 17)

seems to work fine in IE

My code is below:

<!doctype html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
    <script src="shadowbox.js"></script>
    <link href="shadowbox.css" rel="stylesheet"/>
    <script>
        $(function() {
            Shadowbox.init({skipSetup: true});

            // open a welcome message as soon as the window loads
            Shadowbox.open({
                content:    '<div id="welcome-msg">Welcome to my website!</div>',
                player:     "html",
                title:      "Welcome",
                height:     350,
                width:      350
            });
        })
    </script>
</head>
<body>

</body>
</html>

what would be causing this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use window.load method as suggested in the docs:

    <script type="text/javascript">
Shadowbox.init({
    skipSetup: true
});

$(window).load(function() {

    // open a welcome message as soon as the window loads
    Shadowbox.open({
        content:    '<div id="welcome-msg">Welcome to my website!</div>',
        player:     "html",
        title:      "Welcome",
        height:     350,
        width:      350
    });

});
</script>
    • 0