Hilfe:Image-Maps
| Dieser Artikel soll Hilfe leisten. |
Mit der MediaWiki-Erweiterung „ImageMap“ können klickbare Bilder in einen Artikel eingefügt werden.
Inhaltsverzeichnis |
Beispiel [Bearbeiten]
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> |
 |
Syntax [Bearbeiten]
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 [[...]].
Parameter [Bearbeiten]
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 |
Wenn keine Bereiche, aber der Default-Wert definiert werden, so gilt dieser Link für das gesamte Bild.
Werkzeuge [Bearbeiten]
Das grafische Werkzeug ImageMapEdit des Wikipedia-Nutzers Dapete kann benutzt werden, um den Quelltext für diese Vorlage generieren zu lassen.
Hier finden Sie eine Anleitung für dieses Programm.
Weblinks [Bearbeiten]
- MediaWiki-Erweiterung ImageMap von Tim Starling
