画像をクリックして入れ替えたい

画像の入れ替えが出来ずに困っています。教えて下さい。

3つの画像（1.gif）（2.gif）（3.gif）があります。
1.gifと2.gifは、ページを開いた時に、既に表示されるようにします。
2.gifの画像をクリックした時に、
1.gifの画像を3.gifの画像に入れ替えたいのですが、
どのようにすればよいでしょうか？

お手数ですが、おわかりになられる方がいらっしゃいましたら
どうぞ教えて下さい。
よろしくお願いいたします。

No.4 ベストアンサー 回答者： leaz024 回答日時： 2001/08/20 17:29

　<IMG>タグは、onClickなどのイベントに対応していないブラウザがほとんどなので、押す方の画像（2.gif）を<A>～</A>タグで囲み、onClickを受け取れるようにします。

<IMG src="1.gif" name="img1" border="0">
<A href="" onClick="images.img1.src = '3.gif'; return false;">
　<IMG src="2.gif" border="0">
</A>

・<A>の機能でジャンプしないように、hrefの値をヌル（何も指定しない）にしておきます。
・またクリック時のJavaScriptからもジャンプしないように、return false;としています。（return true;とすると、飛ぶ）

この回答へのお礼

できました！！！

ありがとうございます。
すっごくうれしいです。
こんなに単純でよかったんですね。
いろいろ調べて、ものすごい記述いっぱい書いたりしてしまいました。

ホントに助かりました。
ありがとうございました。

お礼日時：2001/08/20 18:23

No.3 回答者： makokoko 回答日時： 2001/08/19 22:01

こんな感じっすかね。

<img src="1.gif" id="img1">
<img src="2.gif" id="img2" onclick="img1.src='3.gif'">

未テストなので動かなかったらごめんネ！

この回答へのお礼

ありがとうございます。
イメージはそうです！！

でも動きませんでした　(><)

お礼日時：2001/08/20 11:25

No.2 回答者： yuizuian 回答日時： 2001/08/17 12:37

zohさんのアドバイスと、この参考URLのアドバイスを合わせて応用させればできると思いますよ。

参考URL：http://www.okweb.ne.jp/kotaeru.php3?q=114348

この回答へのお礼

ありがとうございます。
でも、私にはちょっと難しくて・・・。

お礼日時：2001/08/20 11:23

No.1 回答者： zoh 回答日時： 2001/08/17 03:02

参考URLをご覧になって下さい。

メニューの「イメージの変更」にサンプルがのっています。上にあるの「sample」ボタンで実際の動作を確かめられます。

参考URL：http://www.cam.hi-ho.ne.jp/t-sue/js/main.htm

この回答へのお礼

ご回答ありがとうございます。
クリックして画像を変更する、という項目ですね。
この方法で、クリックした画像ではなく、別の場所にある画像を
切り替えたいのですが、
この場合は、どのようにしたらいいのでしょうか？

ボタンの例など見ながらやってみたのですが、
うまくいきません。

お手数ですが、教えていただければ幸いです。

よろしくお願いいたします。

お礼日時：2001/08/17 07:51