WaBis

walter.bislins.ch

Makro: imap

Mit den imap-Makros kannst du beliebig geformte Bereiche eines Bildes als Links zu anderen Seiten definieren, sog. Image-Maps. Es stehen folgende Formen für die Bereiche zur Verfügung:

  • imap rect: Rechteck
  • imap circle: Kreis
  • imap poly: Polygon

Anwendung

Das Bild, in welchem die Link-Bereiche definiert werden sollen, muss per imap-Flag mit einem imap-Namen versehen werden:

[[Bild:Datei|imap=Imap-Name|Text]]

Irgendwo auf der Seite werden dann mit den imap-Makros die Bereiche definiert. Es gibt für jede Form (Rechteck, Kreis, Polygon) ein eigenes Makro. Sie sind jedoch gleich aufgebaut. Alle Bereiche, die zu einem bestimmten Bild gehören, müssen zwischen die folgenden Makros eingeschlossen werden:

{{imap|Imap-Name}}
 Image-Map-Bereiche eines Bildes
{{end imap}}
Imap-Name
muss der gleiche Name sein, der bei einem Bild mit dem Flag imap= angegeben ist

Image-Map-Bereiche

{{imap rect|Link|x1,y1,x2,y2|Text}}
{{imap circle|Link|x1,y1,r|Text}}
{{imap poly|Link|x1,y1,x2,y2,...|Text}}
Link
Name einer Wiki-Seite oder URL zu einer externen Webseite. In Link können alle Möglichkeiten von Wiki-Links ausgeschöpft werden (Link auf Subtitel in einer Seite, Link zu anderen Wikis, Parameterübergabe an die Seite usw.).
x1,y1,...
Koordinaten der Form in Pixel, gemessen von links oben des Bildes. Der erste Bildpunkt links oben hat die Koordinaten 0,0. Beim Rechteck legt das erste Paar den Punkt links oben und das zweite Paar den Punkt rechts unten fest. Beim Kreis gibt x1,y1 das Zentrum des Kreises an. Beim Polygon können beliebig viele Punkte angegeben werden. Der letzte wird automatisch mit dem ersten Punkt verbunden, sodass das Polygon geschlossen wird. Für ein Dreieck muss man also 3 Punkte angeben.
r
Radius des Kreises
Text (optional)
Text, der beim überfahren des Bereiches mit der Maus als Tooltip eingeblendet werden soll. Wird Text nicht angegeben, wird Link als Text verwendet.

Beispiel

Fahre mit der Maus über das Bild und klicke auf die Formen:

imap-Demo

Roter Kreis Blaues Rechteck Grünes Dreieck

So wirds gemacht:

[[:Bild:imap demo.jpg|123px|imap=rgb|imap-Demo]]
{{imap|rgb}}
{{imap circle|Imap-Demo~q=Roter Kreis|25,22,19|Roter Kreis}}
{{imap rect|Imap-Demo~q=Blaues Rechteck|58,6,114,42|Blaues Rechteck}}
{{imap poly|Imap-Demo~q=Grünes Dreieck|10,100,40,57,110,78|Grünes Dreieck}}
{{end imap}}

Der Teil ~q=Roter Kreis im Link ist ein sog. Link-Parameter. Diese Parameter werden in der URL an die gerufene Seite Imap-Demo übergeben. Das Wiki interpretiert den Parameter mit dem Namen q als Suchwert und markiert die gefundenen Textstellen in der Seite farblich.

More Page Infos / Sitemap
Created Samstag, 13. Januar 2007
Scroll to Top of Page
Changed Samstag, 18. Juli 2015