超链接html页面中的特定部分

Question

我是否有可能在html页面中超链接特定部分。

假设我有一个大图像，当我点击左侧时，我想将它超链接到一个部分图像，当我点击中间到另一个和右边。我想这样做而不将图像分成3个部分。

任何想法如何做到这一点？

Answer 1

最简单的方法是使用Image Map。

Answer 2

是的，这很简单，所以不应该花很长时间。我们的想法是在图像上创建一个图像映射。这样，您可以在地图中指定反映图像坐标的各种坐标，并选择哪些部分链接到哪里。以下是一些帮助您的链接。

图片地图：http://www.w3schools.com/tags/tag_map.asp

我从未尝试过这种方式：http://www.ehow.com/how_4499356_make-image-map-using-photoshop.html

我通常通过dreamweaver执行：http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c13a.html

您可以按照第一个链接显示的方式手动完成，并获取photoshop中的坐标

如果你在css中的背景图片中有它（我假设你的内容在div中）而是将你的内容放入一个代码中并将span包装在一个标签中示例：<a href=""><span>CONTENT</span></a>

Answer 3

您可以使用锚标记执行此操作：首先将图像切割为3个部分，然后将所有部分彼此相邻放在页面上（在其周围使用<nobr>标记以确保它们不会脱离线）。接下来将<a name='spot-on-page'></a>放在你需要的位置，然后将<a href='#spot-on-page'><img src='picture1'></a>作为指向该位置的链接。然后用其他2张图像重复第二部分。