Gunnar Bittersmann: Bei MouseOver Hintergrundbild wechseln?

Beitrag lesen

Hello out there!

Wo ist der Fehler???

<head>

Die <http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Doctype-Angabe > und das html-Element hattest du nicht vergessen, sondern hier nur weggelassen?

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

Kein Fehler, aber ich würd als Parameter nicht den Wert für CSS, sondern den URI übergeben:

function bildwechsel (uri) {
  document.getElementById("hintergrund").style.backgroundImage = "url(" + uri + ")";
}

onmouseover="javascript:bildwechsel('url(test2.gif)')" onmouseout="javascript:bildwechsel('url(test1.gif)')"

Nein, der Attributwert eines Eventhandlers ist ausführbarer Code (üblicherweise JavaScript), das javascript-Pseudoprotokoll hat darin nichts zu suchen. (In JavaScript wäre das eine Sprungmarke, aber sowas willst du nicht.)

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

Und hier isser, dein Denkfehler. Du änderst dynamisch den _Hinter_grund des img-Elements. Kannste machen, solltest dich aber nicht wundern, dass du davon nichts siehst, wenn dieser vom Vordergrund vollständig verdeckt ist.

Und die Angabe border="0" sollte auch weg und dieses mit CSS angegeben werden.

See ya up the road,
Gunnar

--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)