クリックして変更した画像を他の画像をクリックしたとき戻すには?
以前、別で下記のような質問がありました。
●質問-------------------
複数の同じ画像があるとします。
そのひとつをクリックすると画像が変わるようにします。
その後別の画像をクリックすると先ほどクリックした画像が初期の状態に戻るようにしたいのですが、どのような記述にすればよいのでしょうか?
どなたかご教授おねがいします。
----------------------
上記の質問を受けての回答が下記のような感じで
●回答-------------------
<script>
function change(obj){
var orgimg="a.gif";
var newimg="b.gif";
var imgs=document.getElementsByTagName('img')
for(var i=0;i<imgs.length;i++){
if(imgs[i].className==obj.className){
if(imgs[i]==obj) imgs[i].src=newimg;
else imgs[i].src=orgimg;
}
}
}
</script>
<img src="a.gif" class="hoge" onClick="change(this)">
<img src="a.gif" class="hoge" onClick="change(this)">
<img src="a.gif" class="hoge" onClick="change(this)">
----------------------
これで終わってしまっていたのですが、画像が複数のパターンある場合はどのようにすればよいでしょうか。
例えば
「a1.gif」をクリックすると「a2.gif」に変更するようにして、さらに「b1.gif」というものがあって、クリックすると「b2.gif」に変更するように設定してあるとします。
「a1.gif」をクリックして「a2.gif」になっている状態で「b1.gif」をクリックすると「a2.gif」が「a1.gif」に戻るようにするにはどのようにすればよいでしょうか。
このb1が、c1,d1,e1・・・・とたくさんある感じです。
質問の内容がわかりづりかもしれませんが、どなたかご教示いただけると幸甚です。
宜しくお願い申し上げます。
お礼
ご回答いただきまして、ありがとうございます。 >不快だと思ったらスルーで良いんじゃないでしょうか。 別に不快ではないのです。私も一度経験していますので。ただね、『間違って、、、』はないでしょ。意識的にでしょ。未知の世界を堪能したかったんでしょ。分かりますよ、その気持ちは。でも、『間違えて、、、』は男らしくない‼それも、ほとんどの質問者が。素直に真実を書け、と言いたい。 ※この手の方って、もし奥さんがいて、たまたま、他の子と寝てしまった時も、『間違えて、、、』て、言うのだろうか⁇⁇⁇ そりゃ、大変だ‼ いや、変態だ‼