Top 5 Viren

Image Maps PDF Drucken
Geschrieben von Heiko Heinrich   
Dienstag, 03. Juli 2007

Verweis - sensitive Grafiken


Jedem Bild was auf der Homepage verweilt, kann man einem Link zuweisen. Was ist allerdings wenn man in einem Bild mehrere Links haben möchte, z. B. bei einer Landkarte wo jeder Ort auf seine Homepage verweisen soll?.

Dafür nimmt ein sogenanntes Mapping. Man gibt das Bild als Image Source an, siehe hier IMG SRC"testbild.png" ALT="TEST" usemap="#maptest"

Danach wird der Kartenname definiert, der in unserem Falle maptest genannt wurde. Definiert wird der Kartenname über den Parameter MAP name="maptest"

Als nächstes muss das "Gebiet" definiert werden. Mit dem Parameter AREA wird das "Gebiet" festgelegt, welches als Link ausgewählt werden soll. Danach kommt die Auswahl der Geometrie, ob Rechteck, Kreis oder Polygon.

  • SHAPE="rect" für Rechteck
  • SHAPE="circle" für Kreis
  • SHAPE="poly" für Polygon

    • Nach der Auswahl der Form des Links kommen nun die Koordinaten wo sich der Link befinden soll. Dies wird über den Parameter COORDS geregelt.

    Bei einem Rechteck müssen 4 Einheiten angegeben werden, einmal X1 Links Oben, einmal Y1 Links Oben und einmal X2 Rechts Unten und einmal Y2 Rechts Unten.

    Bei einem Kreis muss X = Mittelpunkt, Y = Mittelpunkt und der R = Radius angegeben werden.

    Bei einem Polygon kann man soviele Ecken definieren wie man nur möchte, allerdings muss für jeden ein X und ein Y angegeben werden.

    Vollständig müsste dann ein Link folgendermassen aussehen: AREA SHAPE="rect" COORDS="8,198,125,225" href="http://www.heikoheinrich.de" ALT="HeikoHeinrich"

     
     
    < zurück   weiter >
    [ Zurück ]