Vorlage:Mehrere Bilder/Doku

Anzeigen von zwei bis fünf Bildern in einem Kasten, wobei die Bilder nebeneinander oder übereinander platziert werden können, falls keine Galerie möglich oder sinnvoll ist.

Vorlagenparameter

Parameter		Beschreibung	Typ	Status
Ausrichtung	`align`	Ausrichtung im Seitenlayout; right / left / center Standard right Beispiel left	Einzeiliger Text	optional
Richtung	`Richtung`	Einzelbilder horizontal oder vertikal anordnen Standard horizontal Beispiel vertical	Einzeiliger Text	optional
Kopfzeilentext	`Kopfzeile`	Text in der Kopfzeile, falls eine solche gewünscht Beispiel Alpenpanorama	Einzeiliger Text	optional
Kopfzeilenhintergrund	`Kopfzeile_Hintergrund`	Farbcode für die Hintergrundfarbe der Kopfzeile Standard transparent Beispiel #DA70D6	Einzeiliger Text	optional
Kopfzeilenausrichtung	`Kopfzeile_align`	Ausrichtung der Kopfzeile zu den Bildern; center / left / right Standard center Beispiel left	Einzeiliger Text	optional
Fußzeilentext	`Fußzeile`	Text in der Fußzeile, falls eine solche gewünscht Beispiel Im Vordergrund der See, im Hintergrund die Berge	Einzeiliger Text	optional
Fußzeilenhintergrund	`Fußzeile_Hintergrund`	Farbcode für die Hintergrundfarbe der Fußzeile Standard transparent Beispiel #00FA9A	Einzeiliger Text	optional
Fußzeilenausrichtung	`Fußzeile_align`	Ausrichtung der Fußzeile zu den Bildern; center / left / right Standard left Beispiel center	Einzeiliger Text	optional
Standardbreite	`Breite`	Feste Breite für alle Bilder; in Pixeln (ohne “px”) Standard 150 Beispiel 250	Zahlenwert	vorgeschlagen
Hintergrundfarbe	`Hintergrund`	Farbcode für die Hintergrundfarbe (alles) Standard transparent Beispiel #FFE4B5	Einzeiliger Text	optional
Legende nach unten	`unten`	Bildlegenden (Untertitel) unten bündig oder zentriert ausrichten, nur für horizontale Anordnung Beispiel `1`	Wahrheitswert	optional
Untertitel zentrieren	`center`	Bildlegenden zentriert setzen, nur für vertikale Anordnung Beispiel `1`	Wahrheitswert	optional
Bilddatei1	`Bild1`	Seitenname des ersten Bildes (ohne “Datei:”) Beispiel Beispiel.jpg	Datei	erforderlich
Untertitel1	`Untertitel1`	Legende dieses Bildes	Einzeiliger Text	optional
Breite1	`Breite1`	individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung Beispiel 100	Zahlenwert	optional
Beschreibung1	`Beschreibung1`	Zusätzliche Beschreibung dieses Bildes (Tooltip)	Einzeiliger Text	optional
Alt1	`Alt1`	Alternativtext zu diesem Bild	Einzeiliger Text	optional
Class1	`Class1`	CSS-Klassen zu diesem Bild	Einzeiliger Text	optional
Bilddatei2	`Bild2`	Seitenname des zweiten Bildes (ohne “Datei:”)	Datei	erforderlich
Untertitel2	`Untertitel2`	Legende dieses Bildes	Einzeiliger Text	optional
Breite2	`Breite2`	individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung Beispiel 100	Zahlenwert	optional
Beschreibung2	`Beschreibung2`	Zusätzliche Beschreibung dieses Bildes (Tooltip)	Einzeiliger Text	optional
Alt2	`Alt2`	Alternativtext zu diesem Bild	Einzeiliger Text	optional
Class2	`Class2`	CSS-Klassen zu diesem Bild	Einzeiliger Text	optional
Bilddatei3	`Bild3`	Seitenname eines weiteren Bildes	Datei	optional
Untertitel3	`Untertitel3`	Legende dieses Bildes	Einzeiliger Text	optional
Breite3	`Breite3`	individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung Beispiel 100	Zahlenwert	optional
Beschreibung3	`Beschreibung3`	Zusätzliche Beschreibung dieses Bildes (Tooltip)	Einzeiliger Text	optional
Alt3	`Alt3`	Alternativtext zu diesem Bild	Einzeiliger Text	optional
Class3	`Class3`	CSS-Klassen zu diesem Bild	Einzeiliger Text	optional
Bilddatei4	`Bild4`	Seitenname eines weiteren Bildes	Datei	optional
Untertitel4	`Untertitel4`	Legende dieses Bildes	Einzeiliger Text	optional
Breite4	`Breite4`	individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung Beispiel 100	Zahlenwert	optional
Beschreibung4	`Beschreibung4`	Zusätzliche Beschreibung dieses Bildes (Tooltip)	Einzeiliger Text	optional
Alt4	`Alt4`	Alternativtext zu diesem Bild	Einzeiliger Text	optional
Class4	`Class4`	CSS-Klassen zu diesem Bild	Einzeiliger Text	optional
Bilddatei5	`Bild5`	Seitenname eines weiteren Bildes	Datei	optional
Untertitel5	`Untertitel5`	Legende dieses Bildes	Einzeiliger Text	optional
Breite5	`Breite5`	individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung Beispiel 100	Zahlenwert	optional
Beschreibung5	`Beschreibung5`	Zusätzliche Beschreibung dieses Bildes (Tooltip)	Einzeiliger Text	optional
Alt5	`Alt5`	Alternativtext zu diesem Bild	Einzeiliger Text	optional
Class5	`Class5`	CSS-Klassen zu diesem Bild	Einzeiliger Text	optional

Kopiervorlage

{{Mehrere Bilder
| align       = left/right/center
| Richtung    = horizontal/vertical
| Kopfzeile   = 
| Kopfzeile_align = left/right/center
| Kopfzeile_Hintergrund = 
| Fußzeile    = 
| Fußzeile_align = left/right/center
| Fußzeile_Hintergrund = 
| Breite      = 
| Hintergrund = 
| unten       = 
| center      = 

| Bild1       = 
| Untertitel1 = 
| Breite1     = 

| Bild2       = 
| Untertitel2 = 
| Breite2     = 

| Bild3       = 
| Untertitel3 = 
| Breite3     = 

| Bild4       = 
| Untertitel4 = 
| Breite4     = 

| Bild5       = 
| Untertitel5 = 
| Breite5     = 
}}

Hinweise

Breite: Überschreibt die Parameter Breite1, Breite2, Breite3, Breite4, und Breite5. Voreingestellt ist ein Wert von 150 px.; Wenn du bei „horizontaler“ Ausrichtung jedem Bild eine andere Breite geben möchtest, lass daher bitte den Parameter Breite frei.; Für die vertikale Ausrichtung ist nur der Parameter Breite für eine einheitliche Darstellung erforderlich.; Aus technischen Gründen (durch die Verwendung als Attribut von <div></div>-Tags für die Festlegung der Größen) ist es derzeit leider bei keinem der Breite-Parameter möglich, der Größenangabe wie bei herkömmlichen Bildeinbindungen ein x für die Höhenformatierung der Bilder anzugeben.

Probleme

Diese Vorlage sollte sparsam eingesetzt werden. Eine Galerie wäre zu bevorzugen. Zu den mit der Vorlage verbundenen Problemen gehören:

Es ist eine feste Bildgröße erforderlich; das bedeutet, dass alle Bilder immer mit allen vorgegebenen Pixeln geladen werden müssen, auch wenn sie die Leser nicht interessieren. Das belastet sie bei langsamen oder teuren Internetverbindungen, wenn die Bilder größer als ein Miniaturbild sind. In einer Galerie wird hingegen die Miniaturbild-Eigenschaft ausgenutzt, die auch individuell konfigurierbar ist.
Festes Layout; die Darstellung „nebeneinander“ ist bei größeren Bildern oder größerer Anzahl auf Smartphones (zurzeit etwa 50 % unserer Abrufe) nicht mehr sinnvoll möglich. Eine Galerie passt sich dynamisch den Verhältnissen auf dem aktuellen Endgerät an. 2008, als die Vorlage entstand, gab es noch kein Wiki auf Smartphone.

Beispiele

Beispiel mit zwei Bildern nebeneinander am rechten Rand

Spieler erhalten als Verwarnung eine gelbe Karte und werden mit einer roten Karte des Feldes verwiesen.

{{Mehrere Bilder
| Fußzeile    = Spieler erhalten als Verwarnung eine gelbe Karte und werden mit einer roten Karte des Feldes verwiesen.
| Breite      = 60
| Bild1       = Yellow card.svg
| Bild2       = Red card.svg
}}

Beispiel mit zwei Bildern übereinander am linken Rand

(Untertitel zentriert)

Füße im Vergleich

gesunder Fuß mit Längsgewölbe

Plattfuß

{{Mehrere Bilder
| align       = left
| Richtung    = vertical
| Kopfzeile   = Füße im Vergleich
| Breite      = 200
| center      = 1
| Bild1       = Foot Arche (PSF).png
| Untertitel1 = gesunder Fuß mit Längsgewölbe
| Bild2       = Flatfoot.jpg
| Untertitel2 = Plattfuß
}}

Beispiel mit separaten Untertiteln

Nr. 2

Nr. 3

Nr. 4

Bilder werden von links nach rechts angeordnet.

{{Mehrere Bilder
| Fußzeile    = Bilder werden von links nach rechts angeordnet.
| Breite      = 60
| Bild1       = Ribbon numeral 2.png
| Untertitel1 = Nr. 2
| Bild2       = Ribbon numeral 3.png
| Untertitel2 = Nr. 3
| Bild3       = Ribbon numeral 4.png
| Untertitel3 = Nr. 4
}}

Beispiel mit unterschiedlicher Höhe

Gelbe Karte

Flagge der Schottischen Könige

Braunschweiger Löwe