Hilfe:Image-Maps

Aus Wikivoyage

Wechseln zu: Navigation, Suche

Dieser Artikel soll Hilfe leisten.

Mit der MediaWiki-Erweiterung „ImageMap“ können klickbare Bilder in einen Artikel eingefügt werden.

Inhaltsverzeichnis

1 Beispiel
2 Syntax
3 Parameter
4 Werkzeuge
5 Weblinks

[Bearbeiten] Beispiel

An folgendem Beispiel soll die Anwendung demonstriert werden:

Quelltext

...und so sieht's aus

<imagemap>
Image:Bu-map-colors.png|right|Bulgariens Regionen
# Jetzt folgen die Bereichsdefinitionen
poly 31 68 48 82 ... 31 68 [[Nordwestbulgarien]]
poly 47 143 55 148 ... 47 143 [[Südwestbulgarien]]
poly 156 108 165 113 ... 156 108 [[Nordostbulgarien]]
poly 145 171 159 171 ... 145 171 [[Südostbulgarien]]
poly 276 82 281 87 ... 276 82 [[Bulgarische Schwarzmeerküste]]
# Link zur Bildbeschreibungsseite
desc bottom-right
</imagemap>

[Bearbeiten] Syntax

Die Definitionen werden zwischen dem einleitenden <imagemap>-Tag und dem schließenden </imagemap>-Tag zeilenweise eingefügt. Es können leere Zeilen, Kommentare (mit dem Doppelkreuz # als einleitendes Zeichen), die Bild- und die Bereichsdefinitionen enthalten sein. Die erste Zeile muss immer die Bilddefinition enthalten – und zwar in der Weise, wie dies von Bildern bekannt ist, allerdings ohne die umschließenden Klammern [[ ... ]].

[Bearbeiten] Parameter

Die Koordinaten für die Bereichsangaben werden in Pixel notiert, dabei besitzt die linke obere Ecke die Koordinate (0, 0). Der erste Werte ist die waagerechte Entfernung (x-Wert), der zweite die senkrechte (y-Wert). Eine Bereichsangabe besteht immer aus dem Schlüsselwort für die Art des Bereiches, den Koordinaten und zum Schluss dem zugehörigen Artikel-Link.

Alle Koordinaten gelten für das Bild in Originalgröße. Erfolgt die Ausgabe des Bildes in einer anderen Größe, so werden die Koordinaten automatisch umgerechnet.

Der Artikel-Link kann in der gewohnten Form geschrieben werden, d.h., er kann auch eine abweichende Ausschrift hinter dem senkrechten Strich haben. Beispiel: [[Prag|Praha]]

Parameter	Bedeutung
Bild:	Die Angabe in der ersten Zeile definiert das verwendete Bild. Die Syntax ist die gleiche wie bei Bilddefinitionen allerdings ohne die umschließenden Klammern `[[ ... ]]`.
poly	Damit wird ein Bereich in Form eines n-Ecks festgelegt. Dem Schlüsselwort folgen die Eckkoordinaten und der Artikel-Link. Der so genannte Polygonzug muss geschlossen sein, d.h., das erste und letzte Wertepaar müssen identisch sein. Die Definition der Polygonzüge muss vor allen anderen Bereichsdefinitionen erfolgen! Beispiel: `poly 10 10 50 50 50 100 10 10 [[Ort 1]]`
rect	Damit wird ein rechteckiger Bereich festgelegt. Dem Schlüsselwort folgen die Koordinaten für die linke obere und die rechte untere Ecke und der Artikel-Link. Beispiel: `rect 10 10 50 50 [[Ort 2]]`
circle	Damit wird ein kreisförmiger Bereich festgelegt. Dem Schlüsselwort folgen die Koordinaten für den Kreismittelpunkt, der Kreisradius und der Artikel-Link. Beispiel: `circle 50 50 20 [[Ort 3]]`
default	Legt den Link für alle nicht spezifizierten Bereiche fest. Dem Schlüsselwort folgt nur der Artikel-Link. Beispiel: `default [[Ort 4]]`
desc	Legt die Lage des Link zur Bildbeschreibungsseite (ein „i“ im blauen Kreis) fest. Mögliche Parameter sind sowohl die englischen Begriffe top-right, bottom-right, bottom-left, top-left und none als auch die deutschen unten rechts, unten links, oben rechts, oben links, keine. Beispiel: `desc bottom-right`