在网站上创建图像地图 - 建议


ImageMap creation on Website - Suggestions

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

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

有人有什么建议吗?

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

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

谢谢。

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

保存图像映射并可以单独查看它们的任务非常不可靠且难以实现,我想如果您真的需要这个,您应该再考虑一下。

您可以只创建图像中DIV作为background,然后将float 具有absolute位置的其他div放在其中,其中将作为链接:

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