Return to Snippet

Revision: 57294
at May 24, 2012 08:02 by kbrown


Initial Code
////INCLUDES///

<script src="/includes/js-shadowbox.js" type="text/javascript"></script>
<link href="/includes/css-shadowbox.css" rel="stylesheet" type="text/css" />

////INIT///

<script type="text/javascript">
Shadowbox.init({
    overlayOpacity: 0.75,
		displayCounter: false,
		overlayColor: "#999"
});

window.onload = function() {
    Shadowbox.setup(document.getElementById("Map1").getElementsByTagName("area"),{width : 900, height: 600});
	Shadowbox.setup(document.getElementById("Map2").getElementsByTagName("area"),{width : 900, height: 600});
}
</script>


////HTML///

<map name="Map1" id="Map1">
    <area shape="rect" coords="462,95,505,163" href="/thislink.php" alt="link" />
</map>


///ADD IMAGES ///

close.png
close-over.png
loading.gif

Initial URL


Initial Description


Initial Title
Shadowbox from Image Map

Initial Tags


Initial Language
JavaScript