オンマウスで画像が差し変わるタグ教えてください！

Web制作初心者です。
Dreamweaverを使用しています。

オンマウス又はクリックで、下記のようなイメージで画像が差し変わるように
設定したいと思っています。

画像1
画像2　　　メイン画像（画像1表示デフォルト）
画像3

↓画像2をクリックまたはオンマウスで

画像1
画像2　　　メイン画像（画像2が表示）
画像3

イメージとしては、下記サイトの各作品ページ内のような設定です。
http://book.nihonvogue.co.jp/magazine/keitodama_ …
わかりますでしょうか？

ジャバスクリプトとかスタイルシートとか、使えないため、
Dreamweaverでタグ埋め込みなどで設定したいと思っています。
でもそれができるのかどうかも不明です。

マウスオーバーの方法はわかるのですが、これとは少し違うの思い
やり方が全くわからず、質問させていただきました。
どうぞよろしくお願いいたします。

No.3 ベストアンサー 回答者： yyr446 回答日時： 2010/11/12 09:25

タグという意味合いが微妙ですが、クリックで画像を変えたいなら、

javascriptを使って

<img src="画像1" onclick="this.src='画像2';" alt="メイン画像だよ">

ですが、もう一回クリックしても戻りませんよ。

オンマウスなら、

<img src="画像1" onmouseover="this.src='画像2';" onmouseout="this.src='画像1';" alt="メイン画像だよ">

それからご提示サイトは、「Lightview」というスライドショ－用のjavascriptライブラリ
ですね。（prototype.jsベースです）

No.2 回答者： metametamu 回答日時： 2010/11/11 16:06

dreamwaverはよくわかりませんが、ここのスクリプトはいいんじゃないでしょうか。

http://www.twospy.com/galleriffic/index.html

jqueryも読み込まないといけませんが、そんなに難しくないはずです。

No.1 回答者： yambejp 回答日時： 2010/11/11 11:37

＞ジャバスクリプトとかスタイルシートとか、使えないため、

使えないのは「使ってはいけない」のか「使うスキルがない」のかによります。
前者なら、方法はありません。HTMLは静的な技術ですからインタラクティブな
処理はできません。
後者で、場合によってはつかっていいならいくらでもやりようがあります。

まずはご確認ください