php - 如何单击图像的某些部分

Question

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

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

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

谢谢！

Answer 1

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

Answer 2

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

Answer 3

由于您使用的是 JQuery，因此您可能希望在 SO 上查看此答案  

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

Answer 4

使用<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()等等。