onMouseOver in area

[ulu]

Hallihallo,

erstmal der Quelltext:

<map name="plz">
  <area shape="poly" coords="93,377,107,377,108,367" href="?ziel=eins">
  <area shape="poly" coords="422,185,422,188,433" href="?ziel=zwei">
  <area shape="poly" coords="195,184,206,184" href="?ziel=drei">
</map>
<img src="foto/test1.gif" border="0"usemap="#plz">

Nun möchte ich das wenn jemand mit der Maus auf eine area zeigt, das sich dann das Bild ändert.

Ich bin Javascript Neuling und habe mir nach langer suche folgendes zusammengestellt, nur leider funktioniert das so nicht:

<script type="text/javascript">

Norm1 = new Image();
Norm1.src = "foto/test1.gif";
High1 = new Image();
High1.src = "foto/test2.gif";
function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
<map name="plz">
  <area shape="poly" coords="93,377,107,377,108,367" href="?ziel=eins" onMouseOver="Bildwechsel(1, High1)" onMouseOut="Bildwechsel(1, Norm1)">
  <area shape="poly" coords="422,185,422,188,433" href="?ziel=zwei">
  <area shape="poly" coords="195,184,206,184" href="?ziel=drei">
</map>
<img src="foto/test1.gif" border="0"usemap="#plz">

Kann mir bitte jemand helfen

Ulu

[Struppi]

Nun möchte ich das wenn jemand mit der Maus auf eine area zeigt, das sich dann das Bild ändert.

Ich bin Javascript Neuling und habe mir nach langer suche folgendes zusammengestellt, nur leider funktioniert das so nicht:

Was heißt es funktioniert nicht?

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}

Hier könntest du z.b. mal testen ob du die richtigen Objekte ansprichst:
alert(
window.document.images[Bildnr] + '\n'
Bildobjekt
);

Struppi.

[ulu]

Hallo Struppi

Was heißt es funktioniert nicht?

Laut Debugger vom IE und firefox wird folgender Fehler angezeigt:
window.document.images[...] ist Null oder kein Objekt

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}

Hier könntest du z.b. mal testen ob du die richtigen Objekte ansprichst:
alert(
window.document.images[Bildnr] + '\n'
Bildobjekt
);

Habs mit reingepackt, jetzt ändert sich die Fehlermeldung in:
'High1' ist undefiniert
'Norm1' ist undefiniert
ein alert wird nicht ausgegeben.

Ich benutze dasselbe script für Bildwechsel bei Verweisen, da funktioniert es einwandfrei.

Ulu

[Struppi]

ein alert wird nicht ausgegeben.

oh, da fehlt auch was:
alert(
window.document.images[Bildnr]

• '\n'
• Bildobjekt
  );

Struppi.