图像坐标链接单击警报消息显示

Question

当我点击图片坐标警告信息显示时。

例如：这是我的照片

如果我点击cycle seat显示alert，例如“您点击周期座位”

    <img src="https://www.bricklanebikes.co.uk/content/images/thumbs/0021232_6ku-fixie-single-speed-bike-beach-bum_1200.jpeg" alt="" usemap="#Map" />
<map name="Map" id="Map">
    <area alt="" title="Cycle Seat" href="cycle-seat.html" shape="poly" coords="329,146,364,162,394,171,442,164,490,168,520,171,506,154,479,146,373,139,347,132,336,132,331,141,330,138" />

实例：https://jsfiddle.net/qwzh4vgh/

Answer 1

如果我理解正确，您需要在单击图像映射内的区域时显示一些警告框。 Here is a question可以帮助你做到这一点。

使用jQuery的示例代码：

$("map#Map area").on('click', function (e) { e.preventDefault(); alert($(this).attr('title')); });

此处已更新jsfiddle。