javascript - 单击图像的不同部分时触发事件 - javascript

Question

当打开当前图像的某些部分/部分时，我想打开另一个图像。

例如：

图像 1：人脸 - 图像上会有点，例如一个用于眼睛，一个用于耳朵，一个用于嘴巴。

当用户点击眼睛时，应该会打开一个新图像（这将是放大的眼睛，将显示更多细节）。

有人可以给我一些有关如何继续此应用程序的提示吗？

谢谢

Answer 1

您可以使用地图标签 - 这是简单的示例http://www.w3schools.com/tags/tag_map.asp

您也可以使用 javascript 来处理它。

当您通过 jquery position 获取图像位置时，jQuery 添加 event.pageX，event.pageY 很容易计算触发位置。