Markus: Links in bestimmten Bereichen eines Bildes anlegen

Beitrag lesen

Hallo Andreas,

Wie Stelle ich das am besten an?

Am Besten so:

<img src="image.jpg" border="0" usemap="#Links">
<map name="Links">
  <area shape="circle" coords="$xa,$yo,$d" href="verwieszuseite.htm" target="_blank">
  <area shape="rect" coords="$xa,$ya,$xe,$ye" href="verwieszuseite.htm">
</map>

zu shape="circle" (=Kreisförmiger Link):
$xa steht für den äußersten linken Punkt des Kreises. $yo für den äußersten oberen Punkt. $d kennzeichnet den Durchmesser des Kreises.

zu shape="rect" (=Viereckiger Link):
für $xa bis $ye musst du die Koordinaten des Feldes eingebn. $xa und $ya stehen für die X- und Y-Koordinaten des Linken oberen (Anfangs-)Punktes. $xe und $ye stehen für die X- und Y-Koordinaten des Rechten unteren (End-)Punktes.

Die Koordinaten musst du natürlich irgendwie berechnen.
(Manche Programme wie Dreamweaver oder Adobe ImageReady haben diese sogenannten HOTSPOT-Funktionen bereits integriert)

Ich hoffe, ich konnte dir weiterhelfen