JavaScript 来自图像映射的Shadowbox

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 来自图像映射的Shadowbox相关的知识，希望对你有一定的参考价值。

////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

以上是关于JavaScript 来自图像映射的Shadowbox的主要内容，如果未能解决你的问题，请参考以下文章