Skip to content Skip to sidebar Skip to footer

Shadowbox (js) As A Popup

I'm playing with shadowbox and I wanna launch it when user's landing on the index page of my website. I can use the shadowbox like that :

Solution 1:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Clemz</title>

<!-- Set paramètres pour le shadowbox (CSS, JS? . . .) -->
<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({
    // skip the automatic setup 
    skipSetup: true
});

window.onload = function() {
    // open ASA the window loads
    Shadowbox.open({
        content:    '<img src="image.png" alt="alt" />',
        player:     "html",
        title:      "Welcome dude",
        height:     502,
        width:      350
    });
};
</script>
</head>

<body>
<h1>Hello World</h1>
</body>
</html>

Works proprely ;-)


Post a Comment for "Shadowbox (js) As A Popup"