Bei MouseOver Hintergrundbild wechseln?

[schaulustiger]

Hello out there!

ich bin HTML Neuling

Du bist HTML? Ich bin Deutschland.

↗ Agovis

Bei MouseOver über einen gewissen Bereich soll das Hintergrundbild gewechselt werden.

Der Bereich ist ursprünglich ein Link (<area href="beispiel/test/hintergrund.htm" shape="poly" coords="426,183,424,213,275,204,277,173">)

HTML kommt nicht infrage, weil das nur die statische Dokumentstruktur beschreibt, aber keine dynamischen Veränderungen auf einer Webseite.

CSS geht auch nicht, da du nicht die Eigenschaften des Elements verändern willst, wo das hover-Ereignis auftritt. (Und auf area lässt sich sowieso kein CSS sinnvoll anwenden.)

Bleibt also JavaScript.

Kann ich an dieser Stelle irgendwie mitgeben, dass ein neues Bild geladen werden soll, wenn die Maus über die Koordinaten geführt wird?

Ja, mit dem passenden http://de.selfhtml.org/javascript/sprache/eventhandler.htm@title=Eventhandler.

Du möchtest Style-Eigenschaften des bodys ändern, also den Wert von document.body.[ref:self811;javascript/objekte/style.htm@title=style].backgroundColor ändern.

See ya up the road,
Gunnar

Hallo Gunnar,

ok, danke für den Hinweis (auch den mit dem "Deppenleerzeichen" ;-)).

Der Vollständigkeit halber noch mal ne Frage:

Wie muss dass dann im Script lauten?

so irgendwie?

<script type="text/javascript">
function bild_wechseln () {
  document.body.style.background = ???;
  return true;
}
</script>

<area href="beispiel/test/hintergrund.htm" shape="poly" coords="426,183,424,213,275,204,277,173" onfocus="bild_wechseln">

Gruß,

Martin