img.src will sich nicht ändern

[BluB0HR]

Hallo, ich steh seit Stunden auf dem Schlauch. Ich möchte per Klick auf einen Link ein Bild ändern. Und zwar soll das Bild mit jedem zweiten Klick wieder die Ursprungsquelle erhalten - quasi eine toggle function, die aber auch universal einsetzbar sein soll. Ich habs jetzt auf verschiedene Art und Weisen versucht, aber irgendwie will die function nicht das machen was sie soll. Das eine mal wechselt das Bild nur einmal, aber nicht wieder zurück, das andere mal wechselt es zwar zurück, aber dann tut sich nichts weiter und mit der jetzigen function, mit der es meiner Meinung nach 100% klappen sollte, tut sich gar nichts mehr - ich bin sichtlich genervt.

Folgendes:

function toggleimg(id, oimg, nimg) {
    if (document.getElementById(id).src == oimg) {
      document.getElementById(id).src = nimg; }
    else { document.getElementById(id).src = oimg; }
}

<a href="" onClick="showdiv('specpos'); toggleimg('tspecpos', 'images/down.gif', 'images/up.gif' ); return false">Rundenspezifisch <img id="tspecpos" src="images/down.gif"></a>

Warum?

 

[Sven Mintel]

Moin,

lasse dir in der Funktion mal

document.getElementById(id).src

per alert() ausgeben, dann siehst du es.

Das liefert den absoluten Pfad zu dem Bild, du übergibst aber den relativen...der Vergleich schlägt fehl.
Abhilfe kannst du schaffen, indem du bspw. per RegExp lediglich das Ende des Pfades auf Übereinstimmung prüfst.