PHPでの表示内容の切り替え

質問

お世話になります。

複数表示してある画像をクリックすると、クリックのした画像に関する説明テキストと画像を画面下部に表示させたいです。

画像をクリックしたら任意の変数をセットして再読み込みし、対象のソースを表示する、こんな処理できるでしょうか。

ご教授よろしくお願い致します。

また参考ソース、サイトありましたらお教えください。

回答No.2

cheese014

イメージとしてはこんな感じでしょうか？

すぐ動きを確認できるように $config という2次元配列を使ってますが、実際には csv なり DBに格納したデータなりを使うようにすると良いです。

※注意※
インデントに全角スペースを利用しています。動かす際は全角スペースを半角スペースに置き換えてください。

//-- 設定
$config = array(
　　'1' => array(
　　　　'path' => 'img/1.jpg',
　　　　'caption' => '1の説明です'
　　),

　　'2' => array(
　　　　'path' => 'img/2.jpg',
　　　　'caption' => '2の説明です'
　　),
);

//-- 動作モード
$mode = (isset($_GET['mode'])) ? $_GET['mode'] : '';

//-- 画像リスト出力
foreach ($config as $id => $data) {
　　echo "<a href='{$_SERVER['SCRIPT_NAME']}?mode=explain&id={$id}'><img src='{$data['path']}'></a><br>";
}

//-- 画像の説明文を表示
if ($mode === 'explain') {
　　if (isset($_GET['id'], $config[$_GET['id']])) {
　　　　echo $config[$_GET['id']]['caption'];
　　}
}

お礼

入力する場所がないのでお礼欄に入力することをお許しください。

<a href="$mode = (isset($_GET['mode'])) ? $_GET['mode'] : '';"><img src="001.png"></a>

で良いでしょうか。よろしくお願いします。

補足

こんなに丁寧な参考ソースまで本当にありがとうございます。

配列(array)に画像と説明をセットし、クリックしたとき配列のNo.を変数（$mode）セットし出力するという処理でよいでしょうか。

本当に嬉しいです、早速組み込みたいと思います。

そこで恥を忍んでお尋ねしますが画像（001.png）をクリックしたとき動作モードの処理が行われるには<a href= をどのように記述したらよいでしょうか。

申し訳ありませんがよろしくお願いします。