締切済み

1つのhtmlファイルで複数のページの役割を

2004/08/14 08:06

例えば画像ファイルが10個（a.jpg, b.jpg, ～ i.jpg, j.jpg）あったとして、これらを1枚1枚表示するとしたら例えば <a href="a.htm">a.jpg</a> <a href="b.htm">b.jpg</a> ・・・ <a href="i.htm">i.jpg</a> <a href="j.htm">j.jpg</a> みたいな感じでそれぞれhtmlファイルを用意すればいいのでしょうけど、これを1つのhtmlファイル z.htmだけで <a href="z.htm">a.jpg</a> <a href="z.htm">b.jpg</a> ・・・ <a href="z.htm">i.jpg</a> <a href="z.htm">j.jpg</a> 上の状態だとすべて同じ内容のz.htmに飛ぶだけですが、 a.jpgをクリックするとz.htmはa.jpgが、 b.jpgをクリックするとz.htmにはb.jpgのみが表示されている・・・。みたいな感じで見せることはできるでしょうか？ javaスクリプトとかで解決できるでしょうか？分かりづらい質問かもしれませんが、よろしくお願いします。

nekojiro
お礼率78% (39/50)

HTML
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

みんなの回答

tripod_r
ベストアンサー率38% (5/13)

2004/08/16 18:19 回答No.3

私はJAVAが分からないもので..... PHPではいかがでしょうか！？ (PHPが使えない環境ならすみません.....) <a href=photo.php?img=a>a.jpg</a> <a href=photo.php?img=b>b.jpg</a> <a href=photo.php?img=c>c.jpg</a> photo.php <? print <<<END <html> <body> <img src="$_GET[img].jpg"> </body> </html> END; ?> な、感じです。 PHPが使える環境なら試してみて下さい。

grace2973
ベストアンサー率66% (16/24)

2004/08/14 09:44 回答No.2

こんな感じでいかかでしょうか。 --- 元html --- <a href="z.htm?a.jpg">a.jpg</a> <a href="z.htm?b.jpg">b.jpg</a> ： --- z.htm --- <html> <haed> <script langage="JavaScript">  </script> </head> <body onLoad="JavaScript:loadImg();"> <form name="frm"> <img name="img" src=""> </form> </body> </html> ＜解説＞元htmから、パラメータで表示したい画像ファイル名を渡す。受け取ったhtm (z.htm) のロード時にパラメータを取得してイメージを表示する。 location.search は、 "?"以降の文字列を取得するので substring(1) で、2文字目以降の文字列にする。（"?"だけ切り取る）どうでしょうか。