✔ Function OnMouseOver

[D-LuX]

Moin

ich hab mal folgende Frage:
Ich möchte anhand einer Funktion einen Bildwechsel via javascript realisieren.
Es sollen 3 Bilder gewechselt werden!

Also bilda --> bildb

<script language='JavaScript'>
function over()
  {
  document.wechseln.src ='images/bild_over.gif';
  }
function out()
  {
  document.wechseln.src ='images/bild.gif';
  }
</script>

<a href='#'><img src='images/bild.gif' name='wechseln'
                  OnMouseOver='over()' 
                  OnMouseOut='out()' border=0></a>

Beim 1. Bild klappt es einwandfrei ..wenn ich den code nun ein 2.Mal einsetze, geht garnix mehr. Woran liegt es? Anfängerfehler wahrscheinlich

Danke im voraus
D-LuXxXxX

 

[lay-z-cow]

Hi,

hast du das andere Bild auch name=wechseln genannt?

Vergib doch lieber eindeutige IDs an deine Bilder und übergib diese dann als Parameter an deine Funktion. Per getElementById() kannst du dann genau auf das gewünschte Bild zugreifen und dort die src ändern.

Gruß

.:lay-z-cow:.

 

[D-LuX]

Ja, das andere Bild ist auch name=wechseln!

Bin aber in Sachen javascript echt Anfänger
Also du meinst:

function over()
  {
  document.getElementById('wechseln').src ='images/bild_over.gif';
  }
function out()
  {
  document.getElementById('wechseln').src ='images/bild.gif';
  }

und dann id=wechseln?

geht leider auch nicht ..also nur bei einem bild ....beim 2. dann wieder nicht .

 

[Kahmoon]

Man kann keine 2 Elemente mit gleicher ID/Namen ansprechen. Deswegen funktioniert nur das erste.

function over(id)
  {
  document.getElementById(id).src ='images/bild_over.gif';
  }
function out(id)
  {
  document.getElementById(id).src ='images/bild.gif';
  }

<a href="#"><img src="images/bild.gif" id="1" OnMouseOver="over(1)" OnMouseOut="out(1)" border="0"></a>
<a href="#"><img src="images/bild.gif" id="2" OnMouseOver="over(2)" OnMouseOut="out(2)" border="0"></a>

 

[D-LuX]

funktioniert einwandfrei

danke