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的主要内容，如果未能解决你的问题，请参考以下文章

如何在没有来自 Kinect Window SDK 的 Coordinatemapper 的情况下将 3D 骨骼关节映射回 2D 彩色图像

来自响应数据的javascript映射

根据来自 api (javascript) 的数据更改背景图像

处理来自 XMLHttpRequest 的图像（使用 HTML 和 Javascript）

使用 javascript 和 websockets 显示来自 blob 的图像

如何在 JavaScript 中处理来自另一个域的图像？