HTMLにて画像を押したときにボタンを押したように画像を切り替えるよう

質問

HTMLにて画像を押したときにボタンを押したように画像を切り替えるような処理をしたいのですが可能でしょうか。
わかる方教えてください。
よろしくお願いします。

回答No.3

yambejp · ベストアンサー

<img src="1.jpg" onmousedown="this.src='2.jpg'" onmouseup="this.src='1.jpg'" onmouseout="this.src='1.jpg'">

マウスのボタンをおしたとき2にかわり、ボタンを戻すと元の1に戻り、
押しっぱなしでマウスを画像から外したときの処理もいれる

回答No.2

metametamu

<img src="A.jpg" onclick="this.src='B.jpg'" alt="" />

回答No.1

otaku37564

ロールオーバーを使えばよろしいかと。
画像は2枚用意する必要があります。

ＣＳＳが使えるなら　明るく・暗くの処理を行えば画像は1枚で済みます。
画像自体を変化させるのであれば、2枚必要になります。