Wie Teile einer ImageMap mit onMouseOver hervorheben?

[tox]

Hallo,

ich habe eine ImageMap mit einer Landkarte (600 x 200 px) und wenn der Benutzer mit der Maus auf einen verweis-sensitiven Bereich zeigt soll diese Region hervorgehoben werden, indem eine Grafik (z.B. 200 x 100 px) an der entsprechenden Stelle über der Landkarte dargestellt wird.

Mein erster Ansatz war eine Grafik mit z-index, position und display vor der Karte unsichtbar zu positionieren und mit hover sichtbar zu machen. Funktioniert toll, aber leider nicht mit area.

Also muss ich es wohl mit Javascript umsetzen. habe ich wenig Ahnung von Javascript und seiner Syntax habe. Wer hat ein Beispielskript wo das mit onMouseOver usw. gelöst ist.

Mein Skript bisher:

<map name="map1">
  <area shape="poly" coords="258,9,315,..." href="Link1" alt="Bla1" />
  <area shape="poly" coords="451,1,600,..." href="Link2" alt="Bla2" />
  <area shape="poly" coords="100,41,12,..." href="Link3" alt="Bla3" />
  ...
</map>
<img src="map.jpg" width="600" height="200" usemap="#map1" alt="Bla" />

Danke und Gruss

[JürgenB]

Hallo tox,

aus der allwissenden Müllhalde: http://forum.de.selfhtml.org/archiv/2006/3/t126504/#m815845

Gruß, Jürgen

[tox]

Hallo Jürgen,

aus der allwissenden Müllhalde: http://forum.de.selfhtml.org/archiv/2006/3/t126504/#m815845

herzlichen Dank. Ich frage mich nur warum ich das bei meiner stundenlange Suche nicht gefunden habe...

Gruss