Responsive Image Map

Beispiel 1: Polygon-Flächen als Link

Diese Beispiel-Grafik zeigt (Kreise), woher die meisten Leser auf Computerhilfen.de kommen. Die einzelnen Bundesländer sind dabei (mehr oder weniger genau) als Pfade und Polygone verlinkt und zeigen per "onmouseover" einen Text an. Alternativ kann man hier auch einen normalen Link setzen - wie sich der Code von einem normalen HTML-Link unterscheidet, zeigen wir in dem unten verlinkten Artikel.

Die einzelnen Flächen sind dabei zunächst unsichtbar (opacity="0") und werden per CSS bei Mouseberührung (hover) farbig.

» Zum Artikel: So erstellt man Responsive Image-Maps
» Beispiel 2: Runde Flächen als Link

Info