- 締切済み
タイトルをクリック→指定されたスペースに画像を表示！
自分のHPに、フォトギャラリーのコーナーを設けようと思っています。 画像のタイトルがいくつか並んでいる（テーブル）、 それらを次々にクリックすると「同じ場所に」「同じ大きさ」で 画像と解説が表示される・・・こんなコトがしたいです。 わかりにくい説明でごめんなさい。 回答よろしくお願い致します。
- goo12345
- お礼率25% (13/51)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>Untitled</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> var i = [[], ['cat','This is a cat'], ['dog','This is a dog'], ['bird','This is a bird']] function ShowImg(n){ if(document.getElementById){ document.getElementById('iid').src='images/'+i[n][0]+'.jpg'; document.getElementById('txt').innerHTML=i[n][1]; }} </script> </head> <body> <table> <tr><td valign="top"> <a href="#" onclick="ShowImg(1);return false">img-cat</a><br> <a href="#" onclick="ShowImg(2);return false">img-dog</a><br> <a href="#" onclick="ShowImg(3);return false">img-bird</a><br> </td><td valign="top"><img id="iid" src="space.gif" width="160" height="200"></td> <td valign="top"><div id="txt"></div> </td></tr> </table> </body> </html>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
補足
えっと・・・(汗) どこに画像ファイルを入れて、どこに解説文を打てばいいのでしょうか？？ あと、全体のイメージとしては ＿＿＿＿ ｜ ｜ ｜ 画像 ｜ L＿＿＿＿」 解説文 タイトル,タイトル,タイトル タイトル,タイトル… みたいな感じにしたいです。 すみません、よろしくお願いしますm(__)m