Hi,

ich würde das vermutlich ohne imagemap und auch ohne Javascript sondern nur mit CSS lösen. Zwar etwas Aufwand, aber funktioniert ohne Techniken, die deaktiviert oder nicht installiert sein können.

Das Prinzip:

• ein DIV in der Größe der Karte und diese als Hintergrund eingebunden.
• die einzelnen Länder ausgeschnitten und gehighlighted (mit den Resten der angrenzenden Länder in Normaldarstellung) vorbereiten.
• Links mit IDs versehen, die mit display:block, passenden Angaben zu width und height und absolut positioniert werden; ohne Inhalt aber mit title-Attribut.
• Dann den Hover realisieren z.B. über #id:hover {background:url(nrw.gif;)}

freundliche Grüße
Ingo

Hallo Susi,

Ich weiß nicht, ob Ingo nicht streckenweise dasselbe meint wie ich, habe ihn vielleicht nicht ganz verstanden. Du solltest für die HTML-Version jedes Bundesland als teiltransparentes Gif in einer gehighlighteten Version aufbereiten. Alle angrenzenden Bundesländer in dem Rechteck wären in transparenten Pixeln, also unsichtbar. Dann baust du das Puzzle mit absoluter Positionierung wieder zusammen. Jedes Gif kommt dabei in ein Div das aber zunächst auf visibility:hidden geschaltet ist. Als ersten Layer unten drunter legst du deine komplette Landkarte von Deutschland auch passgenau und als oberste Schicht darüber legst du einen Steuer-Layer, der ein Bild mit einem blinden Pixel enthält, das du auf die Maße der deutschlandkarte aufblähst und dem du die Imagemap zuweist.

Bei Klick auf eine der Bundesländer-Areas wird bewirkt, dass das entsprechende teiltransparente Highlight-Gif in seinem Div auf visible geschaltet wird, alle anderen, aber auf hidden. Das kannst du ja mit einer For-Schleife machen, in dem du die Divs über ein entsprechendes Array ansprichst.

Mit Flash wird das ganze auch kaum weniger Aufwand sein, da brauchst du halt entsprechende Bundesländer Schaltflächen, die nur im Gedrückt- und Aktiv-Frame in ihren Konturen passgenau abgebildet werden müssen. Die beiden anderen Frames "Up" und "Gedrückt" füllst du mit leeren Schlüsselbildern. Bei Darüber und Aktiv kannst du die Form aber einfach kopieren, während du bei der HTML-Variante die teiltransparenten Gifs und die Umrisse des Image-Map-Polygons separat frickeln musst.

Ich beneide dich keinesfalls um diese Arbeit, das ist eine arge Puzzelei, ob du es jetzt mit HTML oder Flash machst. Aber Flash hat mit seinen Vektorgrafiken natürlich einen viel geringeren Speicherbedarf als die vielen erforderlichen Gifs der Bundesländer in der HTML-Version. Außerdem kannst du dein Werk hinterher verlustfrei skalieren

Gruß Gernot