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

質問

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

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

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

回答No.2

leap_day · ベストアンサー

こんにちは

＃画像を変換する処理です＃
<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の部分を画像のファイル名に変えてください
画像をフォルダ内に入れているのであれば　(フォルダ名)/(画像名)　のようにしてください

お礼

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

回答No.1

MAN_MA_RUI

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

お礼

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