将图像转换为HTML部分

Question

我想将图像转换为HTML部分（请参阅下面的图像标记为红色，蓝色，橙色，绿色和黄色）。这意味着当我点击这些部分时，它们将在单独的窗口中显示为单独的部分，就像在线新闻纸一样。

嗯，通过使用photoshop切片工具可以做到这一点可能是不确定..但不想使用photoshop而我想实现这样的功能，我可以选择图像上的部分，然后它将获得转换为html页面或部分。

所以任何人都可以给我一些想法，例子或路线图来做到这一点

Answer 1

这不是最简单的任务，幸运的是，有很多工具可以做你想要的（生成为你的图像创建热点的地图）

http://www.maschek.hu/imagemap/imgmap

http://www.image-maps.com/这个允许您使用现有地图并对其进行修改。

和其他许多人http://www.google.com/search?aq=f&sourceid=chrome&ie=UTF-8&q=online+image+map+creator

如果您希望能够单击并链接到图像的该部分，您有两个选择：

• 根据地图坐标编写一些执行图像切片的服务器端代码。有许多库可以做到这一点，在PHP中，GD http://php.net/manual/en/book.image.php和http://www.imagemagick.org/script/index.php可以在许多平台上运行。
• 当您单击图像时，将地图坐标传递给新页面，并使用窗口技​​术定位图像，就像css sprites一样。 http://websitetips.com/articles/css/sprites/