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.


Tak wygląda link doczepiony do ikonki

Dziękuję za pomoc

Bo kombinujesz z tą zmienną i ;-)

No fajnie, ale jak tak zrobie to mi sie obrazki w ogole nie zmieniaja.

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 

Jestescie wielcy - dziala, ale niestety obrazki nie moga byc w innym katalogu, bo ten split wcale nie obcina sciezki elementy/obrazek.gif
Czy jest jakis sposob na obciecie jej.

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