javascriptで画像の切り替え

質問

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

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

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

回答No.3

fujillin

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

要領のみですが…

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

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

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

http://lancers.jp

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