I have inserted Shadow box into a website on the page load using the unchanged usage code from the shaowboax website, but all it seems to load is the dimmed black background that usually sits behind the pop-up.
This is the JS and references I'm using:
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
// let's skip the automatic setup because we don't have any
// properly configured link elements on the page
skipSetup: true
});
window.onload = function() {
// open a welcome message as soon as the window loads
Shadowbox.open({
content: '<div id="welcome-msg">Test</div>',
player: "html",
title: "Welcome",
height: 552,
width: 514
});
};
</script>
I've already tried using different players, chaging the content in the popup, loading an older version of Showbox and changing the location of the script and stylesheet. I'm using the Jquery download version of Shadowbox and the script tags are placed inside <body> tags. Does any one have any idea of what I could be doing wrong?