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

Question

有没有可能让我超链接html页面中的特定部分。

假设我有一个大的图像，当我点击左侧我想超链接到一个partular图像，当我点击中间到另一个和右侧。我想在不将图像裁剪为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），把你的内容，而不是包装sp一个在标记示例：<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张图像重复第二部分。