Vorlage:Annotiertes Bild

Diese Vorlage ermöglicht es:

• Texte auf Bildern zu platzieren (auch mit Link)
• Bildausschnitte zu erstellen

Syntax

{{Annotated image
| image = 
| image-width = 
| image-left = 
| image-top = 
| width = 
| height = 
| float = 
| annotations = 
| caption = 
}}

Parameter

Alle Parameter sind mit Namen versehen. Zwei der Parameter schließen sich gegenseitig aus, image und imagemap.

In der folgenden Liste sind Pflichtparameter in Fettschrift hervorgehoben.

Parameter	Erlaubte Werte	Voreinstellung	Funktion / Notes
caption	Wikitext		Bildüberschrift
alt	Text	leer	Alternative Beschriftung
entweder  image oder  imagemap	Bildname oder X/HTML imagemap		Nur eines von beiden angeben
width	natürliche Zahl	–	Gesamtbreite des Kastens in Pixel, muss mindestens so groß wie die Bildbreite sein
height	natürliche Zahl	–	Gesamthöhe des Kastens in Pixel, muss mindestens so groß wie die Bildhöhe sein
image-left	ganze Zahl	(zero)	X-Koordinate relativ zum linken oberen Rand des Kastens, negative Werte schneiden das Bild zu.
image-top	ganze Zahl	(zero)	Y-Koordinate relativ zum linken oberen Rand des Kastens, negative Werte schneiden das Bild zu.
image-width	positiv integer		Breite des Bildes in Pixeln.
annotations			Bemerkungen, kann auch leer gelassen werden (z. B. |… |annotations= |…)
float	right/left/none	rechts	setzt die Position relativ zum Artikeltext
outer-css	jedes gültige CSS	–	Zusätzliches CSS des äußersten Kastens, vorrangig bei widersprechenden Formatierungen
inner-css	jedes gültige CSS	–	Zusätzliches CSS des inner Kastens, vorrangig bei widersprechenden Formatierungen
image-bg-color	jede gültige CSS-Farbe	weiss	Hintergrundfarbe im Kasten
image-css	jedes gültige CSS	–	Zusätzliches CSS des inneren Kastens mit dem Bild, vorrangig bei widersprechenden Formatierungen
annot-text-align	right/left/center	links	Setzt einen Standardwert der Bündigkeit des Texts, nachrangig zu Annotierungen
annot-background-color	jede gültige CSS-Farbe	transparent	Setzt einen Standardwert der Hintergrundfarbe des Texts, nachrangig zu Annotierungen
annot-font-family	jede gültige CSS Font Family	–	Setzt einen Standardwert der Schriftart, nachrangig zu Annotierungen
annot-font-size	positive integer	–	Setzt einen Standardwert der Schriftgröße in Pixeln, nachrangig zu Annotierungen
annot-font-weight	jede gültige CSS-Schriftstärke	–	Setzt einen Standardwert der Schriftstärke, nachrangig zu Annotierungen
annot-font-style	jeder gültige CSS-Schriftschnitt	–	Setzt einen Standardwert des Schriftschnitts (z. B, kursiv), nachrangig zu Annotierungen
annot-line-height	jeder gültige CSS-Zeilenabstand	–	Setzt einen Standardwert des Zeilenabstands, nachrangig zu Annotierungen
annot-color	jede gültige CSS-Farbe	–	Setzt einen Standardwert der Schriftfarbe, nachrangig zu Annotierungen

Annotation

Vorlage:Annotation/Wartung

Vorlage:Annotation/Wartung

Vorlage:Annotation/Wartung

Ein annotiertes Bild

Zusammen mit der Vorlage:Annotation, die für die Darstellung der einzelnen Textlabels zuständig ist, lassen sich so beliebige Texte und Links auf einem Bild positionieren:

{{Annotiertes Bild
| image = Pacific_Ocean_-_panoramio_-_---%3DXEON%3D---_(1).jpg
| image-width = 400
| float = right
| annotations = 
{{Annotation|290|66|Himmel| font-size=16 | font-weight=bold | color=#FFF}}
{{Annotation|167|147|Horizont| font-size=16 | font-weight=bold | color=#FFF}}
{{Annotation|56|233|Meer| font-size=16 | font-weight=bold | color=#FFF}}
| caption = Ein annotiertes Bild
}}

Bildzuschnitt

Beim Beispielbild commons:File:Mona Lisa color restoration2.jpg sollen nur Nase und Augen gezeigt werden:

Die Ursprungsbreite des Bildes von 300 Pixeln ist bei Verwendung dieser Vorlage unerheblich

Übersicht

Durch folgende Vorlage wird der Ausschnitt erzeugt:

{{Annotiertes Bild
| image = Mona Lisa color restoration2.jpg
| image-width = 2000
| image-left = -850
| image-top = -800
| width = 250
| height = 250
| float = left
| annotations =
| caption = Bildausschnitt
}}

Das Ergebnis ist ein Bild von 250 Pixeln x 250 Pixeln aus dem Originalbild von 2000 Pixeln Breite:

Bildausschnitt