Imagemaps

Inhalt:

<AREA>, <MAP>




<AREA>

Dieser Tag definiert sensitive Bereiche einer Imagemap. So können Sie Bereiche einer größeren Grafik verlinken. Fährt der Anwender mit der Maus über einen solchen Bereich einer Grafik, so wird der Zeiger zu einer Hand - wie bei Links. Per Klick kann dann eine neue Seite geladen werden.

Attribute:
shape

Die Form des Bereichs. Zur Auswahl stehen rect (Rechteck), circle (Kreis) und polygon (Polygon - Vieleck).

coords

Die Koordinaten der Area (sensitiven Fläche). x und y bezeichnen jeweils einen Punkt, wobei x der Wert in Pixeln von der linken Seite aus gemessen ist, y der von oben.
rect: x1,y1,x2,y2 - x1 und y1 bezeichnen den oberen linken Punkt des Rechtecks, x2 und y2 den unteren rechten.
circle: x,y,r - x und y bezeichnen den Mittelpunkt des Kreises, r den Radius.
polygon: x1,y1,x2,y2 ... xn, yn - Koordinaten der einzelnen Punkte, die der Reihe nach miteinander verbunden werden. Dabei wird vom letzten zum ersten Punkt eine Linie gebildet, um das Polygon zu schließen.

href

Seite o.ä., die aufgerufen werden soll.

nohref

Schalter (ohne Wert), der angibt, dass es sich nicht um einen sensitiven Bereich handelt.

alt

Alternativer Text, der angezeigt wird, wenn der Browser das in MAP angegebene Bild nicht darstellen kann.

title

Der hier übergebene Wert wird beim Überstreichen des Bereiches als Tooltip dargestellt.


Beispiel: <MAP name="imagemap1">
<AREA shape=rect coords="1,1,50,30" href="1.html">
<AREA shape=circle coords="50,30,10" href="2.html">
<AREA shape=polygon coords="1,1,50,1,1,50" href="3.html">
</MAP>
<IMG src="bild.gif" usemap="#imagemap1" border=0>
  keine Darstellung





<MAP>

Der MAP Tag definiert eine Grafik, auf der sie mit Hilfe von <AREA> sensitive Bereiche festlegen können. Beim Anklicken dieser Bereiche kann zum Beispiel eine neue Seite geöffnet werden (siehe <A>). Hinter der Imagemap wird eine Grafik definiert (<IMG>), die im usemap Attribut ein # und den Namen einer Imagemap enthält.

Attribute:
name

Der Name der Imagemap - wird übernommen von usemap in <IMG>.


Beispiel: <MAP name="imagemap1"></MAP>
<IMG src="bild.gif" usemap="#imagemap1" border=0>
  keine Darstellung




Copyright © 1999-2001 Bernd-Christian Renner
Modifizierung oder Weitergabe an Dritte nur mit Einverständnis des Autors gestattet.