Admin: Die Seite wurde neu angelegt: „{{Dokumentation/Dokuseite}} {{TemplateData|JSON= { "description": "Darstellung von zwei bis fünf Bildern in einem Kasten, falls eine Galerie nicht sinnvoll oder möglich ist. Die Bilder können nebeneinander oder übereinander angeordnet werden.", "params": { "align": { "label": "Ausrichtung", "description": "Ausrichtung im Seitenlayout; right / left / center", "type":…“

2026-03-24T19:21:27Z

Die Seite wurde neu angelegt: „<noinclude>{{Dokumentation/Dokuseite}}</noinclude> {{TemplateData|JSON= { "description": "Darstellung von zwei bis fünf Bildern in einem Kasten, falls eine Galerie nicht sinnvoll oder möglich ist. Die Bilder können nebeneinander oder übereinander angeordnet werden.", "params": { "align": { "label": "Ausrichtung", "description": "Ausrichtung im Seitenlayout; right / left / center", "type":…“

Neue Seite

<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
{{TemplateData|JSON=
{ "description": "Darstellung von zwei bis fünf Bildern in einem Kasten, falls eine [[Hilfe:Galerie|Galerie]] nicht sinnvoll oder möglich ist. Die Bilder können nebeneinander oder übereinander angeordnet werden.",
"params": {
"align":
{ "label": "Ausrichtung",
"description": "Ausrichtung im Seitenlayout; right / left / center",
"type": "line",
"suggested": false,
"default": "right",
"example": "left" },
"Richtung":
{ "label": "Richtung",
"description": "Einzelbilder horizontal oder vertikal anordnen",
"type": "line",
"suggested": false,
"default": "horizontal",
"example": "vertical" },
"Kopfzeile":
{ "label": "Kopfzeilentext",
"description": "Text in der Kopfzeile, falls eine solche gewünscht",
"type": "line",
"suggested": false,
"example": "Alpenpanorama" },
"Kopfzeile_Hintergrund":
{ "label": "Kopfzeilenhintergrund",
"description": "Farbcode für die Hintergrundfarbe der Kopfzeile",
"type": "line",
"suggested": false,
"default": "transparent",
"example": "#DA70D6" },
"Kopfzeile_align":
{ "label": "Kopfzeilenausrichtung",
"description": "Ausrichtung der Kopfzeile zu den Bildern; center / left / right",
"type": "line",
"suggested": false,
"default": "center",
"example": "left" },
"Fußzeile":
{ "label": "Fußzeilentext",
"description": "Text in der Fußzeile, falls eine solche gewünscht",
"type": "line",
"suggested": false,
"example": "Im Vordergrund der See, im Hintergrund die Berge" },
"Fußzeile_Hintergrund":
{ "label": "Fußzeilenhintergrund",
"description": "Farbcode für die Hintergrundfarbe der Fußzeile",
"type": "line",
"suggested": false,
"default": "transparent",
"example": "#00FA9A" },
"Fußzeile_align":
{ "label": "Fußzeilenausrichtung",
"description": "Ausrichtung der Fußzeile zu den Bildern; center / left / right",
"type": "line",
"suggested": false,
"default": "left",
"example": "center" },
"Breite":
{ "label": "Standardbreite",
"description": "Feste Breite für alle Bilder; in Pixeln (ohne “px”)",
"type": "number",
"suggested": true,
"default": "150",
"example": "250" },
"Hintergrund":
{ "label": "Hintergrundfarbe",
"description": "Farbcode für die Hintergrundfarbe (alles)",
"type": "line",
"suggested": false,
"default": "transparent",
"example": "#FFE4B5" },
"unten":
{ "label": "Legende nach unten",
"description": "Bildlegenden (Untertitel) unten bündig oder zentriert ausrichten, nur für horizontale Anordnung",
"type": "boolean",
"suggested": false,
"example": "1" },
"center":
{ "label": "Untertitel zentrieren",
"description": "Bildlegenden zentriert setzen, nur für vertikale Anordnung",
"inherits": "unten" },
"Bild1":
{ "label": "Bilddatei1",
"description": "Seitenname des ersten Bildes (ohne “Datei:”)",
"type": "wiki-file-name",
"required": true,
"example": "Beispiel.jpg" },
"Untertitel1":
{ "description": "Legende dieses Bildes",
"type": "line",
"suggested": false },
"Breite1":
{ "description": "individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung",
"type": "number",
"suggested": false,
"example": "100" },
"Beschreibung1":
{ "description": "Zusätzliche Beschreibung dieses Bildes (Tooltip)",
"type": "line",
"suggested": false },
"Alt1":
{ "description": "Alternativtext zu diesem Bild",
"type": "line",
"suggested": false },
"Class1":
{ "description": "CSS-Klassen zu diesem Bild",
"type": "line",
"suggested": false },
"Bild2":
{ "label": "Bilddatei2",
"description": "Seitenname des zweiten Bildes (ohne “Datei:”)",
"type": "wiki-file-name",
"required": true },
"Untertitel2":
{ "inherits": "Untertitel1" },
"Breite2":
{ "inherits": "Breite1" },
"Beschreibung2":
{ "inherits": "Beschreibung1" },
"Alt2":
{ "inherits": "Alt1" },
"Class2":
{ "inherits": "Class1" },
"Bild3":
{ "label": "Bilddatei3",
"description": "Seitenname eines weiteren Bildes",
"type": "wiki-file-name",
"required": false,
"suggested": false },
"Untertitel3":
{ "inherits": "Untertitel1" },
"Breite3":
{ "inherits": "Breite1" },
"Beschreibung3":
{ "inherits": "Beschreibung1" },
"Alt3":
{ "inherits": "Alt1" },
"Class3":
{ "inherits": "Class1" },
"Bild4":
{ "label": "Bilddatei4",
"inherits": "Bild3" },
"Untertitel4":
{ "inherits": "Untertitel1" },
"Breite4":
{ "inherits": "Breite1" },
"Beschreibung4":
{ "inherits": "Beschreibung1" },
"Alt4":
{ "inherits": "Alt1" },
"Class4":
{ "inherits": "Class1" },
"Bild5":
{ "label": "Bilddatei5",
"inherits": "Bild3" },
"Untertitel5":
{ "inherits": "Untertitel1" },
"Breite5":
{ "inherits": "Breite1" },
"Beschreibung5":
{ "inherits": "Beschreibung1" },
"Alt5":
{ "inherits": "Alt1" },
"Class5":
{ "inherits": "Class1" }
},
"format": "block lead align 11"
}
|TOC=1}}

== Kopiervorlage ==
<syntaxhighlight lang="wikitext" copy>
{{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 =
}}
</syntaxhighlight>

== Hinweise ==
; Anzahl der Bilder
: Die Anzahl der Bilder ist beschränkt auf fünf. Was über die Anzahl von fünf hinaus codiert ist, wird einfach nicht dargestellt, wobei der rechte Rahmen u. U. etwas dicker ausfällt.

; Breite
: Der Parameter <code>Breite</code> überschreibt die Parameter <code>Breite1</code>, <code>Breite2</code>, <code>Breite3</code>, <code>Breite4</code>, und <code>Breite5</code>. Voreingestellt ist ein Wert von 150 px.
: Sinnvoll ist dies, um bei vertikaler Ausrichtung der Bilder eine einheitliche Darstellung zu erreichen.
: Wenn bei „horizontaler“ Ausrichtung die Breite der Bilder individuell angepasst werden soll, um einheitliche Bildhöhen zu erreichen, muss der Parameter <code>Breite</code> frei bleiben.
: Aus technischen Gründen (durch die Verwendung als Attribut von <code><nowiki><div></div></nowiki></code>-Tags für die Festlegung der Größen) ist es derzeit leider nicht möglich, wie bei [[Hilfe:Bilder#Bilder nebeneinander|herkömmlichen Bildeinbindungen]] neben der Breite auch die Höhe der Bilder festzulegen (etwa durch ein vorgestelltes <code>x</code>).

== Probleme ==
Diese Vorlage sollte sparsam eingesetzt werden. Eine [[Hilfe:Galerie|Galerie]] wäre zu bevorzugen. Zu den mit der Vorlage verbundenen Problemen gehören:
* Es ist eine feste Bildgröße erforderlich. Hierdurch wird dem angemeldeten Nutzer die Möglichkeit genommen, die Größe der Bilddarstellung in seinen Voreinstellungen nach seinen Wünschen anzupassen. Wenn die Bilder größer als ein Miniaturbild sind, muss der Leser bei einer langsamen Internetverbindung gegebenenfalls auf das Herunterladen der Bilder warten, auch wenn sie ihn gar nicht interessieren. In einer gewöhnlichen 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 die Mehrzahl unserer Abrufe) nicht 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.
* Um Bilder, die kein einheitliches Format haben, in der Darstellung "nebeneinander" mit einheitlicher Bildhöhe darzustellen, muss für jedes einzelne Bild eine passende Bildbreite ermittelt werden.

== Beispiele ==
=== Beispiel mit zwei Bildern nebeneinander am rechten Rand ===
{{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
}}
<syntaxhighlight lang="wikitext">
{{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
}}
</syntaxhighlight>
<div style="clear:both;"></div>

=== Beispiel mit zwei Bildern übereinander am linken Rand ===
'''(Untertitel zentriert)'''
{{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ß
}}
<syntaxhighlight lang="wikitext">
{{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ß
}}
</syntaxhighlight>
<div style="clear:both;"></div>

=== Beispiel mit separaten Untertiteln ===
{{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
}}
<syntaxhighlight lang="wikitext">
{{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
}}
</syntaxhighlight>
<div style="clear:both;"></div>

=== Beispiel mit unterschiedlicher Höhe ===
{{Mehrere Bilder
| Fußzeile = Bilder werden von links nach rechts angeordnet.
| Breite = 120
| Bild1 = Yellow card.svg
| Untertitel1 = Gelbe Karte
| Bild2 = Royal Banner of Scotland (4-5).svg
| Untertitel2 = Flagge der Schottischen Könige
| Bild3 = Braunschweig Löwe.svg
| Untertitel3 = Braunschweiger Löwe
}}
<syntaxhighlight lang="wikitext">
{{Mehrere Bilder
| Fußzeile = Bilder werden von links nach rechts angeordnet.
| Breite = 120
| Bild1 = Yellow card.svg
| Untertitel1 = Gelbe Karte
| Bild2 = Royal Banner of Scotland (4-5).svg
| Untertitel2 = Flagge der Schottischen Könige
| Bild3 = Braunschweig Löwe.svg
| Untertitel3 = Braunschweiger Löwe
}}
</syntaxhighlight>
<div style="clear:both;"></div>

'''Untertitel unten und zentriert'''
{{Mehrere Bilder
| Kopfzeile = Bildlegenden unten angeordnet
| unten = 1
| Breite = 120
| Bild1 = Yellow card.svg
| Untertitel1 = Gelbe Karte
| Bild2 = Royal Banner of Scotland (4-5).svg
| Untertitel2 = Flagge der Schottischen Könige
| Bild3 = Braunschweig Löwe.svg
| Untertitel3 = Braunschweiger Löwe
}}
<syntaxhighlight lang="wikitext">
{{Mehrere Bilder
| Kopfzeile = Bildlegenden unten angeordnet
| unten = 1
| Breite = 120
| Bild1 = Yellow card.svg
| Untertitel1 = Gelbe Karte
| Bild2 = Royal Banner of Scotland (4-5).svg
| Untertitel2 = Flagge der Schottischen Könige
| Bild3 = Braunschweig Löwe.svg
| Untertitel3 = Braunschweiger Löwe
}}
</syntaxhighlight>
<div style="clear:both;"></div>

=== Beispiel mit Hintergrundfarbe ===
{{Mehrere Bilder
| Bild1 = Adoxa_moschatellina_210406.jpg
| Bild2 = Adoxa_moschatellina_210406a.jpg
| Bild3 = adoxa_moschatellina_blatt.jpeg
| Fußzeile = [[Moschuskraut]] (''Adoxa moschatellina'')
| Fußzeile_Hintergrund=#BBDD99
| Hintergrund = #BBDD99
| Fußzeile_align=center
| Breite = 160
}}
<syntaxhighlight lang="wikitext">
{{Mehrere Bilder
| Bild1 = Adoxa_moschatellina_210406.jpg
| Bild2 = Adoxa_moschatellina_210406a.jpg
| Bild3 = adoxa_moschatellina_blatt.jpeg
| Fußzeile = [[Moschuskraut]] (''Adoxa moschatellina'')
| Fußzeile_Hintergrund=#BBDD99
| Hintergrund = #BBDD99
| Fußzeile_align=center
| Breite = 160
}}
</syntaxhighlight>
<div style="clear:both;"></div>
{{Dokumentation/Siehe auch |Liste=
* [[Hilfe:Galerie]] – zu bevorzugen
* [[Hilfe:Bilder #Bilder nebeneinander]]
* [[Vorlage:Manueller Rahmen]]
* [[Vorlage:Doppeltes Bild]]
}}
<includeonly>
[[Kategorie:Vorlage:Formatierungshilfe/Medien]]
</includeonly>

Vorlage:Mehrere Bilder/Doku - Versionsgeschichte