0

次の画像のみでインデックスページを作成する必要があります。

ユーザーが旗の間の水をクリックすると、次のページに進むことができます。ユーザーが他の場所で押すと、警告メッセージが表示されます。PHP に x 軸、y 軸の概念はありますか?

画像の一部をクリック可能にする方法を知っている人はいますか? 誰でも例やドキュメントへのリンクを提供できますか?

ありがとう！

4

4 に答える 4

5

マップ タグを使用できます:
http://www.w3schools.com/tags/tag_map.asp

于 2012-10-11T23:27:56.110 に答える
2

JQueryを使用しているので、SOでこの回答を見たいと思うかもしれません   

$("#imageId").click(function(e){
var x = e.pageX - $(this).offset().left;
var y = e.pageY - $(this).offset().top;
});
于 2012-10-11T23:28:26.457 に答える
2

を使用すると<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()。

于 2012-10-11T23:30:40.627 に答える
2

画像マッピングに進み、いくつかのクリック イベント ハンドラーをマップされた領域にバインドします。少し前にこれを使用して適切なマップを作成しました。これがあなたの場合にも役立つことを願っています。

于 2012-10-11T23:31:26.960 に答える