javascriptで画像の切り替え

javascriptで下記のページの様にソートはしなくて構わないのでアイコンの動き、切り替えるだけをプラグイン等使わずに実装したいです。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
http://ikedaya.gejigeji.jp/anime/sinsaku_end-201 …

詳しくは
<th class="*****">をクリックしたらアイコン画像が切り替わる。
※現状このclassにbackgroundで画像を表示しています。
1、デフォルトは上下▲▼の画像
2、押したら上▲画像
3、もう一度押したら下▼画像
それ以降は2～3の繰り返し。
ソートについては別の方がやっていただけるので動きだけをお願いしたいです。

できましたら至急教えていただきたいです；；

No.3 回答者： fujillin 回答日時： 2014/12/08 09:26

ANo2です

「背景」というのを見落としていました。m(__)m


＞※現状このclassにbackgroundで画像を表示しています。

とのことなので、
elm.src = status?"img2.gif":"img3.gif";
　　　　　　　　↓
elm.style.backgroundImage = status?"url(btn2.gif)":"url(btn3.gif)";
みたいな感じで。

No.2 回答者： fujillin 回答日時： 2014/12/05 18:21

要領のみですが…

実装は対象ブラウザに応じて修正を。

Array.prototype.map.call(document.querySelectorAll(".hoge"), function(elm){
　var status = false;
　elm.addEventListener("click", function(evt){
　　status = !status;
　　elm.src = status?"img2.gif":"img3.gif";
　}, false);
});

No.1 回答者： Taiyonoshizuku 回答日時： 2014/12/04 21:31

こんなん質問じゃなくって作成依頼じゃんよ。

http://lancers.jp

ここで5,000円で作ってくれるよ