サムネイルの画像を同ページ内のある固定された同じ場所に拡大画像を出す方法について

私自身ホームページに関する専門用語をほとんど知らないため
正確に私の意志をお伝えすることが出来ないかもしれませんが、どうか、お力添えのほどよろしくお願いします。

下記のURL
http://www.alan1.net/jp/hawaii/oahu/sg/106/ag/56 …
にあるように、サムネイルのいずれの画像(小さい)をクリックしても、同ページ内のある固定された同じ場所に拡大した画像(大きい)を出す方法を教えていただけないでしょうか？

申し訳ございませんがよろしくお願いいたします。

No.2 ベストアンサー 回答者： leap_day 回答日時： 2007/03/16 08:37

こんにちは

＃画像を変換する処理です＃
<script language="JavaScript">
<!--
function Image(img) {　 document.getElementById("image").src = img; }
//-->
</script>

＃提示サイトの小さい画像にあたる部分です＃
<img src="sample1.gif" onClick="Image('sample1.gif')">
<img src="sample2.gif" onClick="Image('sample2.gif')">
<img src="sample3.gif" onClick="Image('sample3.gif')">
<img src="sample4.gif" onClick="Image('sample4.gif')">

＃提示サイトの大きい画像にあたる部分です＃
<img src="sample0.gif" name="image" width="100px" height="100px" border="1">


＃～～＃の部分は説明なので削除してコピペしてくださいね（＾＾）
あとそちらで変更してもらうのは画像の名前です
sample○.gifの部分を画像のファイル名に変えてください
画像をフォルダ内に入れているのであれば　(フォルダ名)/(画像名)　のようにしてください

この回答へのお礼

丁寧なコメント付きで返信して頂きましてありがとうございました。
早速ご支持頂いたとおりに行ってみたところ、簡単に表示することができました。
どうもありがとうございます。

お礼日時：2007/03/16 19:12

No.1 回答者： MAN_MA_RUI 回答日時： 2007/03/15 23:09

http://www.red.oit-net.jp/tatsuya/java/image3.htm
これのonmouseoverと書いてある部分をonclickに変えれば出来ると思います。

この回答へのお礼

参考になるURLを教えて頂きましてありがとうございました。
onclick以外にonmouseoverもからめてHPを作成しようと思います。
ありがとうございました。

お礼日時：2007/03/16 19:13