OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

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

  • すぐに回答を!
  • 質問No.119666
  • 閲覧数329
  • ありがとう数5
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 62% (5/8)

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

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

お手数ですが、おわかりになられる方がいらっしゃいましたら
どうぞ教えて下さい。
よろしくお願いいたします。
通報する
  • 回答数4
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.4
レベル12

ベストアンサー率 75% (398/526)

 <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;とすると、飛ぶ)
お礼コメント
saruthi

お礼率 62% (5/8)

できました!!!

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

ホントに助かりました。
ありがとうございました。
投稿日時 - 2001-08-20 18:23:24
-PR-
-PR-

その他の回答 (全3件)

  • 回答No.1
レベル12

ベストアンサー率 34% (273/789)

参考URLをご覧になって下さい。メニューの「イメージの変更」にサンプルがのっています。上にあるの「sample」ボタンで実際の動作を確かめられます。 ...続きを読む
参考URLをご覧になって下さい。メニューの「イメージの変更」にサンプルがのっています。上にあるの「sample」ボタンで実際の動作を確かめられます。
お礼コメント
saruthi

お礼率 62% (5/8)

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

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

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

よろしくお願いいたします。
投稿日時 - 2001-08-17 07:51:58


  • 回答No.2
レベル11

ベストアンサー率 42% (103/245)

zohさんのアドバイスと、この参考URLのアドバイスを合わせて応用させればできると思いますよ。 ...続きを読む
zohさんのアドバイスと、この参考URLのアドバイスを合わせて応用させればできると思いますよ。
お礼コメント
saruthi

お礼率 62% (5/8)

ありがとうございます。
でも、私にはちょっと難しくて・・・。
投稿日時 - 2001-08-20 11:23:27
  • 回答No.3
レベル7

ベストアンサー率 50% (7/14)

こんな感じっすかね。 <img src="1.gif" id="img1"> <img src="2.gif" id="img2" onclick="img1.src='3.gif'"> 未テストなので動かなかったらごめんネ! ...続きを読む
こんな感じっすかね。

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

未テストなので動かなかったらごめんネ!
お礼コメント
saruthi

お礼率 62% (5/8)

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

でも動きませんでした (><)
投稿日時 - 2001-08-20 11:25:54
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ