img.src ändern

[Prominenter]

Hi@all

Ich möchte gern per Klick ein Bild ändern und per erneutem klick wieder das alte Bild haben.

<img src="bild01.jpg" id"bild"><br>
<a href="'#" onclick="swap()">KLICK</a>


function swap ()
{
 if (document.getElementById('bild').src == 'bild01.jpg' )
  {
   document.getElementById('bild').src='bild02.jpg';
  }
  else
  {
   document.getElementById('bild').src='bild01.jpg';
  }
} 

Irgendiwe funktioniert das aber nicht ???
Hat jemand ne Idee.

Thx@all

[Abraxax]

id[color=red]=[/color]bild

[Prominenter]

Upps ja sorry, ist richtig geschrieben, nur hier falsch.

id="bild"

vielleicht noch

alert (document.getElementById('bild').src)

gibt den vollständigen Pfad aus, und das kann natürlich im Vergelich nicht gehen, also wie bekomme ich nur den Dateinamen heraus welches das aktuelle Bild anzeigt?

[jmc]

<img src="bild01.jpg" id="bild"><br>
<a href="#" onclick="swap()">KLICK</a> // <--- nicht "'#" !!! sondern "#"


function swap ()
{
 if (document.getElementById('bild').src.indexOf('bild01.jpg') != -1)
  {
   document.getElementById('bild').src='bild02.jpg';
  }
  else
  {
   document.getElementById('bild').src='bild01.jpg';
  }
}