2012-04-09 73 views
0

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

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

有没有人有任何建议?

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

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

谢谢。

回答

0

你可能只是用图像创建DIVbackground,然后放floatabsolute位置等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> 
1

如果用影像地图的工作,我会建议你看看​​,它可以真正帮助许多图像映射操作任务。

而保存图像地图的可能性分开查看的任务是非常不合理的,很难实现,我想你应该再想一想,如果你真的需要这个。