phpを使って、クリックした画像のキーを取得するようにしたいです。

Question

サイトの画面に画像がたくさんあって、そのどれかをクリックすると、クリックした画像のキーを取得して、違うページにとんで、取得した画像を表示させたいのですが、取得方法がわかりません。

下のコードのように$images配列に$idキー$img値として画像を格納しています。

foreach($images as $id => $img){
  echo '<a href=""><img src="./album/' . $img . '"></a>';
}

GETを使うのかと思ったのですが、「クリックした」もののgetの方法が調べてもわからなかったので質問させていただきました。

分かる方いらっしゃいますでしょうか?

Comments

[m.ts10806]

画面遷移を伴うかどうかで回答も違ってきます。hrefに何も入れないとブラウザより挙動が違ってくるのでオススメできません。

Answer 1

クリックした画像のキーを取得して、違うページにとんで、取得した画像を表示させたい

直接画像のURLを別ウィンドウで開くとかではダメなんでしょうか。

foreach($images as $id => $img){
  echo '<a href="./album/' . $img . '" target="_blank"><img src="./album/' . $img . '"></a>';
}

jQueryプラグインでポップアップのように開くとか（lightboxみたいなもの）

画像情報がDBにあり（IDと画像パスなど）、一覧画面→詳細画面のようにしたいのであればttyp03さんのやり方ですね。

Answer 2

hrefパラメーターにIDを追加し、受け取り側は$_GET['id']を参照するようにします。

foreach($images as $id => $img){
  echo '<a href="～?id=' . $id . '"><img src="./album/' . $img . '"></a>';
}

受け取り側
echo $_GET['id'];

Answer 3

例示のものにはクリックした画像のキー（$id）がhtmlソースに
埋め込まれていませんので、クライアント側でなにをやっても無駄です。
たとえばimgのdata-idに$idを埋め込んで、クリック時に参照すると
よろしいかと思います