Inhalt ImageMap

Das Element ImageMap ermöglicht Ihnen ein Bild auf die Webseite zu legen und dieses in verschiedene Bereiche zu Teilen, die zusätzlich verlinkt werden können.

Nach dem Anlegen des Elements erscheint eine Tabelle mit 15 Zeilen. Diese Zeilen sind in 4 Spalten aufgeteilt: Art, Koordinaten, Hyperlink und Beschreibung. Bei Art legen Sie fest ob ein Kreis, Rechteck oder Polygon Objekt anlegen wollen. Danach legen Sie die Koordinaten für das Objekt in folgender Weise fest:

• Ein Viereck definieren Sie mit den Koordinaten für x1,y1,x2,y2 - wobei bedeuten:
  x1 = linke obere Ecke, Pixel von links
  y1 = linke obere Ecke, Pixel von oben
  x2 = rechte untere Ecke, Pixel von links
  y2 = rechte untere Ecke, Pixel von oben
• Einen Kreis definieren Sie mit den Koordinaten für x,y,r - wobei bedeuten:
  x = Mittelpunkt, Pixel von links
  y = Mittelpunkt, Pixel von oben
  r = Radius in Pixel
• Ein Polygon definieren Sie mit den Koordinaten x1,y1,x2,y2 ... xn,yn - wobei bedeuten:
  x = Pixel einer Ecke von links
  y = Pixel einer Ecke von oben
  Sie können so viele Ecken definieren wie Sie wollen. Von der letzten definierten Ecke müssen Sie sich eine Linie zur ersten definierten Ecke hinzudenken. Diese schließt das Polygon. 

Die nächste Spalte ist der Hyperlink - kopieren Sie die Zieladresse aus dem Browser und fügen Sie diese hier ein. Die letzte Spalte ist die Beschreibung wenn der User mit der Maus über das Bild fährt. Sobald die Maus über den definierten Bereich geht wird dieser Text dazu angezeigt. Ein Bespiel mit 5 Verlinkungen sehen Sie unten.