Bei MouseOver Hintergrundbild wechseln?

[Der Martin]

Hi, schaulustiger Namensvetter!

Wo ist der Fehler???

Abracadabra ... !

function bildwechsel (was) {
  document.getElementById("hintergrund").style.backgroundImage = was;
}

Hier setzt du ein Hintergrundbild eines Elements mit der ID "hintergrund". Kann man so machen.

<area href="test/index.jsp" shape="rect" coords="122,90,250,218" onmouseover="javascript:bildwechsel('url(test2.gif)')" onmouseout="javascript:bildwechsel('url(test1.gif)')">

Das sieht für sich genommen auch vernünftig aus.

<img src="test1.gif" width="501" height="369" border="0" usemap="#Linkmap" id="hintergrund">

Das auch. Aber in Kombination ergibt sich, dass du das Hintergrundbild eines Bildes ändern möchtest. Klingt das für dich sinnvoll? Für mich nicht, auch wenn's formal in Ordnung ist. Ich vermute, du möchtest hier [Wiederholung] ...

function bildwechsel (was) {
  document.getElementById("hintergrund").style.backgroundImage = was;
}

keine Eigenschaft der style-Collection ändern, sondern das src-Attribut des img-Elements selbst, also

document.getElementById("hintergrund").src = was;

Es versteht sich von selbst, dass du dann natürlich nicht mehr "url(...)" übergibst, sondern nur noch die reine Bild-URL.

Viel Erfolg noch,
 Martin