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]

niestety obrazki nie moga byc w innym katalogu, bo ten split wcale nie obcina sciezki elementy/obrazek.gif

Niestety, ale nie zrozumiałem...
Jak nie obcina ścieżki? Wywołaj metodę alert() i zobacz, czy rzeczywiście jej nie obcina:

[HTML] pobierz, plaintext 
var image = sources[sources.length-1];
alert(image);
[HTML] pobierz, plaintext 

Chyba wystarczy zmodyfikować przypisanie nowej ścieżki do obrazka:

[HTML] pobierz, plaintext 
if(image == src1) {
   o.src = "sciezka/".src2;
} else {
   o.src = "sciezka/".src1;
}
[HTML] pobierz, plaintext