ImageMap: Unterschied zwischen den Versionen

Aus BSRP Wiki
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „=Bearbeiten von Karten= Um ein Teil eines Bildes mit einer Seite zu versehen gibt es das Tag "imagemap" <pre> <imagemap> Image:Hibernia.png|800px|alt=Hiberni…“)
 
(kein Unterschied)

Aktuelle Version vom 20. Februar 2016, 20:56 Uhr

Bearbeiten von Karten[Bearbeiten]

Um ein Teil eines Bildes mit einer Seite zu versehen gibt es das Tag "imagemap"

<imagemap>
Image:Hibernia.png|800px|alt=Hibernia
rect 1200  500 1500  650 [[Ulster]]
rect  650  800 1000  970 [[Connacht]]
rect  600 1870  900 2020 [[Munster]]
rect 1150 1070 1400 1230 [[Meath]]
rect 1400 1520 1750 1670 [[Leinster]]
rect  310 1500  550 1550 [[CirculusRuber|Circulus Ruber]]
</imagemap>

Dieses Plugin ist hier isntalliert: https://www.mediawiki.org/wiki/Extension:ImageMap


Ein Beispiel[Bearbeiten]

Schauen wir uns die folgende Zeile an:

rect 310  1500  550 1550 [[CirculusRuber|Circulus Ruber]]
rect Erstelle einen rechteckigen Link
310 x-Koordinate einer Ecke
1500 y-Koordinate einer Ecke
550 x-Koordinate der anderen Ecke
1550 y-Koordinate der anderen Ecke
Circulus Ruber der Link in Wiki-Beschreibung, also "Circulus Ruber" als Anzeige und "CirculusRuber" als Seitenname.

Wie kommt man an die Koordinaten?[Bearbeiten]

Ganz einfach, das sind die Pixel in dem original-Bild.

In diesem Fall also http://bsrp.tkunkel.de/w/images/f/f0/Hibernia.png öffnen und die Pixel mit einem Bildbearbeitungsprogramm auslesen.

Wichtig: Es sind nicht die Pixel in dem angezeigten Bild, das Bild (man beachte die 800px im Code oben) ist auf 800 Pixel zusammengestaucht, damit es nicht zu gross ist.