Zmiana obrazka po kliknięciu, js Opcje

[kapitan kloss]

Witam,
proszę o pomoc poniewaz nie mam pomysłu jak przebrnąć przez tę funkcję.

Chciałbym po kliknięciu na ikonkę zmienić jej wygląd. I to mi się udaje.
Problem w tym, że jeśli takich ikonek które się zmieniają niezależnie może być na stronie wiele. ... i nie umiem rozdzielić zmiany na pojedyncze ikonki, tak aby zmiana dotyczyła tylko ikonki która została kliknięta.

Kod

function klik(t, g1, g2) {
  i *= -1;
  if (i<0) t.src=g2;
  else t.src=g1;
}
i=1;

Tak wygląda link doczepiony do ikonki

Kod

<img src="1.gif" alt="" onclick="klik(this, '1.gif', '2.gif')" />

Dziękuję za pomoc

[JaRoPHP]

Obrazki się nie zmieniają, bo po odczytaniu atrybutu src otrzymujesz coś w stylu "sciezka/do/obrazka/1.gif", a nie "1.gif", dlatego pierwszy if nigdy nie jest równy true.

Powinno działać po zmianie kodu na taki:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function klik(o, src1, src2) {		
   var sources = o.src.split("/");
   var image = sources[sources.length-1];
   if(image == src1) {
      o.src = src2;		
   } else {
      o.src = src1;
   }
}
</script>
[HTML] pobierz, plaintext