✔ Bild bei onClick ändern

[time-master]

Hallo...
Ich finde meinen Fehler nicht.. ich hoffe ihr könnt mir helfen..

function changeImage (tag)
{
  document.tag.src = "./img/down.gif";
}
 
<IMG NAME="Programmieren" onClick="changeImage ('Programmieren')" SRC="./img/up.gif">

Was muss ich machen, damit sich das Bild ändert?

 

[Tobias Menzel]

Hi,

versuchs mal so:

function changeImage(obj)
{
  obj.src = "./img/down.gif";
}
 
<img name="Programmieren" onclick="changeImage(this)" src="./img/up.gif">

... oder über die ID:

function changeImage(id)
{
  document.getElementById(id).src = "./img/down.gif";
}
 
<img id="Programmieren" onclick="changeImage('Programmieren')" src="./img/up.gif">

Gruß
.

 

[time-master]

Super.. danke.. das klappt schon mal.. jetzt möchte ich das sich das Bild bei jedem klick ändert!
Dies ist mein Ansatz(klappt aber leider noch nicht):

function changeImage (tag)
{
  if (tag.src == "./img/down.gif")
  {
	tag.src = "./img/up.gif";
  }
  else
  {
	tag.src = "./img/down.gif";
  }
}

Oder muss ich mit Variablen arbeiten?

 

[Sven Mintel]

In der src eines Bildes ist der komplette Pfad gespeichert, weshalb dein Vergleich nicht den gewünschten Erfolg bringt.
Du kannst da bspw. mit RegExp arbeiten:

function changeImage (tag)
{
 tag.src = (String(tag.src).match(/down\.gif$/) ? "./img/up.gif" : "./img/down.gif";
}

 

[time-master]

Klasse.. es klappt.. es ist nur ein kleiner Fehler in deinem Code. Es fehlt eine Klammer!

function changeImage (tag)
{
  tag.src = (String(tag.src).match(/down\.gif$/) ? "./img/up.gif" : "./img/down.gif");
}

 

[Sven Mintel]

Stimmt... na wenn es klappt, hast du ja rausgefunden, wo sie hin muss