匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

JavaScriptで、クリックして複数の場所の画像を切り替える方法ありますか?


https://www.web-jozu.com/javascript/change.html
ここを参考にして、いくつか載せてるボタンをクリックする事で大きな画像が入れ替わるというのは出来ました。
これに、「今どのボタンを選択している」と言うのを追加したいです。クリックするとそのクリックしたボタンも入れ替えさせたいのですが、どのようにしたら良いでしょうか?
(ボタンの方は、bot01_off.jpgとbot01_on.jpgを準備してます。クリックすると、~_on画像に入れ替え、今まで選択していた方は~_offに入替えになるという感じです)

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2017/04/26 13:14:03
  • 終了:2017/05/03 13:15:03

回答(0件)

回答はまだありません

  • 匿名回答1号
    匿名回答1号 2017/04/26 14:02:41
    試してないけど

    img src="bot01_off.jpg" onmouseover="this.src='bot01_on.jpg'"

    でいけません?

    https://w3g.jp/xhtml/dic/onmouseout
  • 匿名質問者
    匿名質問者 2017/04/26 15:29:50
    ありがとうございます。
    これは、マウスがそのボタンの上にあった時だけですよね…
    マウスが外れても出来る方法は無いでしょうか?
  • 匿名回答2号
    匿名回答2号 2017/04/26 15:56:49
    一般的にはonClickを利用すれば良いのですが、現在参考にしているページでは1つの動作=1つの処理として作られているため、
    ■クリックされたら
     ・大きな画像を変える
     ・クリックされた画像を切り替える
     ・(その他の画像を元に戻す ※CSSも併せて利用するとスッキリ書けるようになります)
    という処理が効率よく書けるように、JavaScriptを分けて書くと良いでしょう。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません