Javascript 在多个图像上使用相同的图像贴图，但每个图像上的每个区域具有不同的链接

我尝试使用图像映射“imageTileMap”来使用多个图像

第二个图像的格式为：

 <a id="secondImage" href="linkedPage2.html"><img src="image2.png" usemap="#imageTileMap" onClick="changeLink(this.href)"/></a>

---

我目前遇到的问题是，单击第一幅图像上的任何一个都会将我引向第二幅图像的href的锚点。如何更改changeLink函数以正确收集正确的href？非常感谢您的回复。

一切保持不变，，，只需更改图像代码…Href设置为与单击时相同的页面

将第一个图像代码更改为：

<a id="firstImage" href="linkedPage2.html"><img src="image1.png" usemap="#imageTileMap" onClick="changeLink(this.href)"/></a>

执行与第一个相同的操作：

 <a id="secondImage" href="linkedPage1.html"><img src="image2.png" usemap="#imageTileMap" onClick="changeLink(this.href)"/></a>

---

我可以使用这种方法，但我正在寻找一种方法，将相同的图像映射应用于所有图像。我有许多图像，因此对每个图像应用唯一的图像映射将是低效的。

 <a id="secondImage" href="linkedPage2.html"><img src="image2.png" usemap="#imageTileMap" onClick="changeLink(this.href)"/></a>

<a id="firstImage" href="linkedPage2.html"><img src="image1.png" usemap="#imageTileMap" onClick="changeLink(this.href)"/></a>

 <a id="secondImage" href="linkedPage1.html"><img src="image2.png" usemap="#imageTileMap" onClick="changeLink(this.href)"/></a>