Vorlage:Annotiertes Bild

aus Wikipedia, der freien Enzyklopädie
Wechseln zu: Navigation, Suche


Dokumentation

Diese Vorlage ermöglicht es:

Syntax[Quelltext bearbeiten]

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

Parameter[Quelltext bearbeiten]

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[Quelltext bearbeiten]

Himmel
Horizont
Meer
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[Quelltext bearbeiten]

Beim Beispielbild commons:File:Mona Lisa color restoration2.jpg sollen nur Nase und Mundwinkel 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

Bei technischen Fragen zu dieser Vorlage kannst du dich an die Vorlagenwerkstatt wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite.