如何单击图像的某些部分答案

【问题标题】：How to click some parts of an image如何单击图像的某些部分
【发布时间】：2012-10-02 17:44:37
【问题描述】：

我只需要使用以下图片制作索引页面。

当用户点击标志之间的水时，他可以继续到下一页。如果用户在任何其他位置按下，将显示警告消息。我们在 PHP 中有 x 轴、y 轴的概念吗？

有人知道如何使图像的某些部分可点击吗？任何人都可以提供示例或文档链接吗？

谢谢！

【问题讨论】：

感谢大家的快速回复。我会检查文件，然后接受答案。

标签： php javascript jquery

【解决方案1】：

您可以使用地图标签：
http://www.w3schools.com/tags/tag_map.asp

【讨论】：

【解决方案2】：

由于您使用的是 JQuery，您可能想查看此answer on SO

$("#imageId").click(function(e){
var x = e.pageX - $(this).offset().left;
var y = e.pageY - $(this).offset().top;
});

【讨论】：

【解决方案3】：

使用<input type="image" src="...picture..." name="my_button" /> 将导致它发布$_POST['my_button_x'] 和`$_POST['my_button_y']，其中包含单击它的坐标。然后，您可以根据需要为“有效”点击定义一些规则：

<?php
if ( (int) $_POST['my_button_x'] > 100 && (int) $_POST['my_button_x'] < 300
     && (int) $_POST['my_button_y'] > 20 && (int) $_POST['my_button_y'] < 50 )
{
    // valid
}
else
{
    // invalid
}

显然，这是一个准系统示例 - 您仍然需要测试 isset() 等等。

【讨论】：

【解决方案4】：

进行图像映射，然后将一些单击事件处理程序与映射区域绑定。不久前，我使用this 创建了正确的地图。希望这对您的情况也很方便。

【讨论】：