https://avesfeuer.at/wiki2/index.php?action=history&feed=atom&title=Hilfe%3AImageMapHilfe:ImageMap - Versionsgeschichte2026-05-18T14:06:03ZVersionsgeschichte dieser Seite in avesfeuer.atMediaWiki 1.43.0https://avesfeuer.at/wiki2/index.php?title=Hilfe:ImageMap&diff=5708&oldid=prevMeister: erstellt2008-05-02T18:43:16Z<p>erstellt</p>
<p><b>Neue Seite</b></p><div>==Wichtiges Tool ==<br />
[http://tools.wikimedia.de/~dapete/ImageMapEdit/ImageMapEdit.html?en A graphical tool to determine the coordinates.]<br />
<br />
==Syntax example==<br />
<br />
<pre><br />
<imagemap><br />
Image:Foo.jpg|200px|picture of a foo<br />
poly 131 45 213 41 210 110 127 109 [[Display]]<br />
poly 104 126 105 171 269 162 267 124 [[Keyboard]]<br />
rect 15 95 94 176 [[Foo type A]]<br />
# A comment, this line is ignored<br />
circle 57 57 20 [[Foo type B]]<br />
desc bottom-left<br />
</imagemap><br />
</pre><br />
<br />
Output of this example:<br />
<imagemap><br />
Image:Foo.jpg|200px|picture of a foo<br />
poly 131 45 213 41 210 110 127 109 [[Display]]<br />
poly 104 126 105 171 269 162 267 124 [[Keyboard]]<br />
rect 15 95 94 176 [[Foo type A]]<br />
# A comment, this line is ignored<br />
circle 57 57 20 [[Foo type B]]<br />
desc bottom-left<br />
</imagemap><br />
<br />
==Syntax description==<br />
<br />
The contents of an &lt;imagemap> tag consists of blank lines, comments (starting with #) and logical lines. The first logical line specifies the image to be displayed. This must be in the same format as an ordinary MediaWiki image link, except without the enclosing <nowiki>[[</nowiki> and <nowiki>]]</nowiki>. <br />
<br />
Further lines are split into tokens, separated by whitespace. The function of each line is determined by the first token in the line. '''All coordinates are according to the full-size image, not the visible image'''.<br />
<br />
; desc : Specifies the location of the image description link. May be either top-right, bottom-right, bottom-left, top-left or none. This puts a blue "i" icon in the specified corner, linking to the image description page. The default is bottom-right. To hide the description link, set it to <tt>none</tt>. Possible values: <tt>top-right</tt>, <tt>bottom-right</tt>, <tt>bottom-left</tt>, <tt>top-left</tt>, <tt>none</tt><br />
<br />
; poly: A polygon. The coordinates of the vertices are given, followed by a link in square brackets.<br>'''Polygons must be defined before any other form!'''<br />
<br />
; rect : A rectangle. The parameters are the coordinates of the top-left and bottom-right corners, followed by a title to link to in square brackets. <br />
<br />
; circle: A circle. The first two parameters are the coordinates of the center, the third is the radius. The coordinates are followed by a link in square brackets.<br />
<br />
; default: This gives the default link, where no other regions are specified. <br />
<br />
All coordinates are specified relative to the source image. The image can be scaled using thumbnail syntax, in which case the image map coordinates will be automatically scaled as well. <br />
<br />
All links are given in either the form <nowiki>[[Page title]]</nowiki> or <nowiki>[[Page title|description]]</nowiki>. In the latter case, the part after the pipe "|" becomes the title attribute of the link -- in most browsers, it will pop up as a tooltip when the user hovers over it. If no explicit link description is given, the page title will be used.<br />
<br />
Areas which overlap give precedence to the first link listed.<br />
<br />
== Image map editor ==<br />
* [http://tools.wikimedia.de/~dapete/ImageMapEdit/ImageMapEdit.html?en A graphical tool to determine the coordinates.] <br />
* A simple guide on how to use the Image Map editor with the ImageMap extension can be found [http://www.wikihow.com/Use-the-MediaWiki-ImageMap-Extension on wikiHow].<br />
[[Kategorie:Meta]][[Kategorie:Hilfe]]</div>Meister