在网站上创建 ImageMap - 建议答案

【问题标题】：ImageMap creation on Website - Suggestions在网站上创建 ImageMap - 建议
【发布时间】：2012-04-09 13:48:14
【问题描述】：

我需要一些关于在我的网站上创建图像地图的开源解决方案的建议，然后能够保存图像地图并在单独的页面上查看它们。

我还希望能够将每个选定区域保存为单独的图像文件 (jpeg/gif/png)。

有人有什么建议吗？

我遇到过这个： http://www.maschek.hu/imagemap/imgmap 但它很旧，而且不是很用户友好。缺少保存图像映射的功能，尽管它确实提供了生成的代码。

另外，如果我自己创建它会更容易，我会推荐教程/说明。

谢谢。

【问题讨论】：

标签： php javascript html image map

【解决方案1】：

如果您使用图像映射，我建议您查看ImageMapster JQuery plugin，它可以真正帮助完成许多图像映射操作任务。

保存图像地图并可以单独查看的任务非常不寻常且难以实现，我想如果你真的需要这个，你应该再考虑一下。

【讨论】：

【解决方案2】：

您可以在图像中创建DIV 为background，然后将float 的absolute 放置在其他divs 里面，这将作为链接：

<div style="width:500px; height:500px; background: #FAFAFA url('someImage.png') center center;">
    <div style="width:250px; height:250px; float:left;" onclick="location.href='http://someurl.com'"></div>
    <div style="width:250px; height:250px; position:absolute; top:20px; right:5px" onclick="location.href='http://someurl.com'"></div>
</div>

【讨论】：