タイトルをクリック→指定されたスペースに画像を表示！

締切済

質問者：goo12345
質問日時：2006/05/05 00:01
回答数：1件

自分のHPに、フォトギャラリーのコーナーを設けようと思っています。

画像のタイトルがいくつか並んでいる（テーブル）、
それらを次々にクリックすると「同じ場所に」「同じ大きさ」で
画像と解説が表示される・・・こんなコトがしたいです。
わかりにくい説明でごめんなさい。

回答よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： noname#22259
回答日時：2006/05/05 00:45

<!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>

この回答への補足

えっと・・・(汗)

どこに画像ファイルを入れて、どこに解説文を打てばいいのでしょうか？？

あと、全体のイメージとしては
　＿＿＿＿
｜　　　　　｜
｜　画像　｜
L＿＿＿＿」
　解説文

タイトル,タイトル,タイトル
タイトル,タイトル…

みたいな感じにしたいです。
すみません、よろしくお願いしますm(__)m