Vorlage:Annotiertes Bild
Zur Navigation springen
Zur Suche springen
Diese Vorlage ermöglicht es, Texte auf Bildern zu platzieren (auch mit Link), Bildausschnitte zu erstellen oder ein zweites Bild mit und ohne Rahmen in einem Bild darzustellen.
Vorlagenparameter
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
Dateiname | image | Name der Datei, die als Hintergrundbild dient
| Datei | erforderlich |
Imagemapcode | imagemap |
| Inhalt | vorgeschlagen |
Ausrichtung | float | Ausrichtung im Seitenlayout; right / left / center / none
| Zeile | vorgeschlagen |
ohne Rahmen | noframe | Bild ohne Rahmen ausgeben
| Boolesch | optional |
Beschriftung | caption | Bildbeschriftung, die in der Bildlegende angezeigt werden soll
| Zeile | vorgeschlagen |
Alternativtext | alt | Alternative Bildbeschreibung für Sehbehinderte
| Zeile | optional |
Seitenzahl | page | Angabe der gewünschten Seite, wenn die verwendete Datei im Parameter image ein PDF ist. | Zeile | optional |
Bildanmerkungen | annotations | Auf dem Bild platzierte Anmerkungen eingebunden über die Vorlage:Annotation
| Inhalt | vorgeschlagen |
Schriftgröße Anmerkung | annot-font-size | Schriftgröße in Pixeln (ohne “ px ”) der auf dem Bild platzierten Anmerkungen verändern.
| Nummer | optional |
Schriftfarbe Anmerkung | annot-color | Farbattribute der auf dem Bild platzierten Anmerkungen ändern Farbname white oder hexadezimaler Farbwert#FFFFFF .
| Zeile | optional |
Schriftart Anmerkung | annot-font-family | Schriftart der auf dem Bild platzierten Anmerkungen ändern.
| Zeile | optional |
Schriftstyle Anmerkung | annot-font-style | Schriftstyle der auf dem Bild platzierten Anmerkungen ändern.
| Zeile | optional |
Textausrichtung Anmerkung | annot-text-align | Textausrichtung der auf dem Bild platzierten Anmerkungen ändern.
| Zeile | optional |
Schrifthintergrund Anmerkung | annot-background-color | Farbattribute der auf dem Bild platzierten Anmerkungen ändern Farbname white oder hexadezimaler Farbwert#FFFFFF .
| Zeile | optional |
Zeilenabstand Anmerkung | annot-line-height | Zeilenhöhe der auf dem Bild platzierten Anmerkungen ändern und auf Abstand setzen Falls mehrere Anmerkungen direkt untereinander stehen.
| Zeile | optional |
Bildbreite | image-width | Angabe als natürliche Zahl in Pixeln (ohne “ px ”)
| Nummer | erforderlich |
Ausschnittsbreite | width | Angabe als natürliche Zahl in Pixeln (ohne “ px ”)Nicht größer als das Bild image-width selbst.
| Nummer | vorgeschlagen |
Ausschnittshöhe | height | Angabe als natürliche Zahl in Pixeln (ohne “ px ”)Nicht größer als das Bild image-width selbst.
| Nummer | vorgeschlagen |
Abstand links | image-left | Angabe als ganze Zahl in Pixeln (ohne “ px ”)X-Koordinate relativ zum linken Rand des Kastens, negative Werte schneiden das Bild zu.
| Nummer | vorgeschlagen |
Abstand oben | image-top | Angabe als negative ganze Zahl in Pixeln (ohne “ px ”)Y-Koordinate relativ zum oberen Rand des Kastens, negative Werte schneiden das Bild zu.
| Nummer | vorgeschlagen |
Außenrahmen | outer-css | CSS-Attribute wie Rahmenfarbe
| Zeichenfolge | optional |
Innenrahmen | inner-css | CSS-Attribute wie Rahmenfarbe
| Zeichenfolge | optional |
Kopiervorlagen[Quelltext bearbeiten]
Alle Parameter sind mit Namen versehen. Zwei der Parameter schließen sich gegenseitig aus, image und imagemap.
- Alle Parameter
{{Annotiertes Bild | image = | imagemap = | float = | noframe = | caption = | alt = | page = | annot-font-size = | annot-color = | annot-font-family = | annot-text-align = | annot-background-color= | annot-font-weight = | annot-font-style = | annot-line-height = | annotations = | image-width = | image-left = | image-top = | width = | height = | outer-css = | inner-css = }}
{{Annotiertes Bild | image = | imagemap = | float = | noframe = | caption = | alt = | page = | annot-color = | annot-background-color= | annot-font-family = | annot-font-size = | annot-font-weight = | annot-font-style = | annot-text-align = | annot-line-height = | annotations = | image-width = | outer-css = | inner-css = }}
{{Annotiertes Bild | image = | imagemap = | float = | noframe = | caption = | alt = | page = | image-width = | image-left = | image-top = | width = | height = | outer-css = | inner-css = }}
Annotation[Quelltext bearbeiten]
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 | annot-color = #000000 | annot-font-weight = normal | annot-font-size = 18 | annotations = {{Annotation|left=290|top=66 |text=Himmel}} {{Annotation|left=167|top=147|text=Horizont| font-size=16 | font-weight=bold | color=#FFFFFF}} {{Annotation|left=56 |top=233|text=Meer| font-size=16 | font-weight=bold | color=#FFFFFF}} | caption = Ein annotiertes Bild }}
Bildzuschnitt[Quelltext bearbeiten]
Beim Beispielbild Datei:Mona Lisa color restoration2.jpg sollen nur Nase und Mundwinkel gezeigt werden:
Bildvergrößerung im Bild[Quelltext bearbeiten]
{{Annotiertes Bild | image = Mona Lisa color restoration2.jpg | image-width = 300 | outer-css = border: 8px outset #FFA500 | annotations = {{Annotation|left=150|top=120|text= {{Annotiertes Bild | noframe = 1 | inner-css = border: 1px dashed | image = Mona Lisa color restoration2.jpg | image-width = 1000 | image-left = -425 | image-top = -400 | width = 110 | height = 110 }} }} | caption = Nasemundpartie der Mona Lisa }}
Anderes Bild im Bild[Quelltext bearbeiten]
Mit doppeltem Rahmen[Quelltext bearbeiten]
Ohne den Parameter noframe
, mit inner-css
.
{{Annotiertes Bild | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (13).jpg | image-width = 400 | float = right | annotations = {{Annotation|left=280|top=170|text={{Annotiertes Bild | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (08).jpg | image-width = 150 | image-left = -47 | image-top = -5 | width = 100 | height = 100 | float = left | inner-css = border:5px; border-color:#00ff00; border-style:solid; | caption = }} }} | caption = Ludwigsdorfer Friedenseiche }}
Mit Rahmen[Quelltext bearbeiten]
Mit den Parametern noframe
und inner-css
für einen grünen Rand.
{{Annotiertes Bild | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (13).jpg | image-width = 400 | float = right | annotations = {{Annotation|left=280|top=170|text={{Annotiertes Bild | noframe = 1 | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (08).jpg | image-width = 150 | image-left = -47 | image-top = -5 | width = 100 | height = 100 | float = left | inner-css = border:5px; border-color:#00ff00; border-style:solid; | caption = }} }} | caption = Ludwigsdorfer Friedenseiche }}
Ohne Rahmen[Quelltext bearbeiten]
Mit den Parametern noframe
und inner-css
border:none.
{{Annotiertes Bild | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (13).jpg | image-width = 400 | float = right | annotations = {{Annotation|left=280|top=170|text={{Annotiertes Bild | noframe = 1 | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (08).jpg | image-width = 150 | image-left = -47 | image-top = -5 | width = 100 | height = 100 | float = left | inner-css = border:none; | caption = }} }} | caption = Ludwigsdorfer Friedenseiche }}
Mit dünnem weißem Rahmen[Quelltext bearbeiten]
Mit den Parametern noframe
, ohne inner-css
.
{{Annotiertes Bild | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (13).jpg | image-width = 400 | float = right | annotations = {{Annotation|left=280|top=170|text={{Annotiertes Bild | noframe = 1 | image = Ludwigsdorf, Friedenseiche und Gedenkstein 1870-71 (08).jpg | image-width = 150 | image-left = -47 | image-top = -5 | width = 100 | height = 100 | float = left | caption = }} }} | caption = Ludwigsdorfer Friedenseiche }} |}
Siehe auch[Quelltext bearbeiten]
Lua
Verwendetes Modul: TemplUtl #faculty