Ingo Turski: Imagemap und Mouseover bei direkt angrenzenden Bildern

Beitrag lesen

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