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

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

No.3 ベストアンサー 回答者： yambejp 回答日時： 2010/08/27 09:51

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

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

No.2 回答者： metametamu 回答日時： 2010/08/27 09:47

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

No.1 回答者： otaku37564 回答日時： 2010/08/27 08:16

ロールオーバーを使えばよろしいかと。

画像は2枚用意する必要があります。

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