https://www.web-jozu.com/javascript/change.html
ここを参考にして、いくつか載せてるボタンをクリックする事で大きな画像が入れ替わるというのは出来ました。
これに、「今どのボタンを選択している」と言うのを追加したいです。クリックするとそのクリックしたボタンも入れ替えさせたいのですが、どのようにしたら良いでしょうか?
(ボタンの方は、bot01_off.jpgとbot01_on.jpgを準備してます。クリックすると、~_on画像に入れ替え、今まで選択していた方は~_offに入替えになるという感じです)
コメント(3件)
img src="bot01_off.jpg" onmouseover="this.src='bot01_on.jpg'"
でいけません?
https://w3g.jp/xhtml/dic/onmouseout
これは、マウスがそのボタンの上にあった時だけですよね…
マウスが外れても出来る方法は無いでしょうか?
■クリックされたら
・大きな画像を変える
・クリックされた画像を切り替える
・(その他の画像を元に戻す ※CSSも併せて利用するとスッキリ書けるようになります)
という処理が効率よく書けるように、JavaScriptを分けて書くと良いでしょう。