molily: onmouseover / onmouseout auf div anwenden

Beitrag lesen

Beim div dann einfach den Bildpfads durch 'bild.src' ersetzen?

--> <div onmouseenter="document.images.open.src = 'bild.src';>

Wenn »bild« eine globale Variable ist, sie z.B. direkt in einem <script></script> erzeugt wird, dann kannst du direkt über bild.src auf die URL zugreifen – ohne Anführungszeichen.

'bild.src' ist hingegen ein String (eine Zeichenkette) mit dem Inhalt »bild.src«, das ist nicht der gewünschte Wert.

Siehe auch:
http://de.selfhtml.org/javascript/objekte/images.htm#allgemeines (Bildwechsel-Beispiel etwas weiter unten)
http://de.selfhtml.org/javascript/beispiele/buttons.htm

Das einfache Auswechseln von Bildern ist übrigens auch über CSS möglich. Vergebe einem Element eine feste http://de.selfhtml.org/css/eigenschaften/positionierung.htm#width@title=Breite und http://de.selfhtml.org/css/eigenschaften/positionierung.htm#height@title=Höhe sowie ein http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=Hintergrundbild. Beim :hover auf das Element kannst du das Hintergrundbild ändern.

#kofferbereich { width: 150px; height: 150px; background: url(pics/koffer_closing.gif) no-repeat center; }  
#kofferbereich:hover { background-image: url(pics/koffer_opening.gif); }

Das nur als möglicherweise einfchere Alternativlösung. Ein Vorladen des Bildes mit CSS ist ohne Tricks allerdings nicht möglich.

Grüße
Mathias