Question

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

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

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

谢谢！

Answer 1

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

Answer 2

由于您正在使用JQuery，因此您可能希望查看此answer on SO

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

Answer 3

您正在寻找实施图像地图。检查一个类似的问题 - Using JQuery hover with HTML image map

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

Answer 5

转到图像映射，然后将一些点击事件处理程序与映射区域绑定。我前段时间使用this创建了正确的地图。希望这对你的情况也会变得很方便。

如何单击图像的某些部分

5 个答案: