Vorlage:Mehrere Bilder

[Werkzeuge][Bearbeiten]

Dokumentation

TemplateData

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

Format: block lead align 11\n{{_\n| ___________ = _\n}}\n

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

Diese Vorlage hat eine benutzerdefinierte Formatierung.

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

Bilder werden von links nach rechts angeordnet.

{{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
}}

Untertitel unten und zentriert

Bildlegenden unten angeordnet

Gelbe Karte

Flagge der Schottischen Könige

Braunschweiger Löwe

{{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
}}

Beispiel mit Hintergrundfarbe

Moschuskraut (Adoxa moschatellina)

{{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
}}

Siehe auch

• Hilfe:Galerie – zu bevorzugen
• Hilfe:Bilder #Bilder nebeneinander
• Vorlage:Manueller Rahmen
• Vorlage:Doppeltes Bild

Werkzeuge

Bei technischen Fragen zu dieser Vorlage kannst du dich auch an die Vorlagenwerkstatt wenden. Inhaltliche Fragen und Vorschläge gehören zunächst auf die Diskussionsseite. Sie können ggf. auch an eine passende Redaktion, Portal usw. gerichtet werden.

• Verwendungen dieser Vorlage
• Cirrus-Suche zu Einbindungen dieser Vorlage (zunächst nur ANR) mit weiteren Möglichkeiten
• Anzahl der Einbindungen
• Liste der Unterseiten.
• Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [Bearbeiten].
• Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten].
• Für diese Vorlage existiert eine XML-Beschreibung [Bearbeiten] für den Vorlagenmeister.
• Die Programmierung ist gegen Bearbeitung geschützt ((Sichter) Dreiviertelschutz).