Zellenhintergrund bei mouseover ändern

[Detlef G.]

Hallo Thomas,

ich habe versäumt dich auf einen Fehler hinzuweisen und du hast auch eine
Kleinigkeit übersehen bzw. noch einen Fehler eingebaut.

Ich schrieb:

Dann überlege dir, wie du bei background-image die Bild-URL angeben musst.

Hast du dies wirklich getan?

Mein Versäumnis:

<a href=# onmouseover="javascript:wechseln(images/kontakt.gif)">link</a><br>

^^^^^^^^^^
"onmouseover" ist ein Javascript-Event, da ist das Pseudoprotokoll
"javascript" fehl am Platze, also ohne dieses:
onmouseover="wechseln('images/kontakt.gif')

Wie müsste deine Hintergrunddefinition in CSS aussehen?
background-image: url(images/kontakt.gif);

Die Funktion wechseln() wird mit der Zeichenkette 'images/kontakt.gif'
aufgerufen, das entspräche dann in CSS:
background-image: images/kontakt.gif;
Was natürlich falsch ist.

Du musst also aus der übergebenen Zeichenkette "images/kontakt.gif"
"url(images/kontakt.gif)" machen.

z.B. so:

function wechseln(bild) {
  document.getElementById("zelle1").style.backgroundImage = "url(" + bild + ")";
}

PS: lies bitte auch noch in der Forums-FAQ
Warum sollte ich beim Antworten so wenig wie möglich und so viel wie nötig zitieren?

Auf Wiederlesen
Detlef