我需要一些关于开源解决方案的建议,以便在我的网站上创建图像映射,然后能够保存图像映射并在单独的页面上查看它们。
我还希望能够将每个选定区域另存为单独的图像文件 (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>