Vorlage:Mehrere Bilder

aus Wikipedia, der freien Enzyklopädie
Wechseln zu: Navigation, Suche
No image available-de.svg
No image available-de.svg


Dokumentation

Anzeigen von zwei bis fünf Bildern in einem Kasten, wobei die Bilder nebeneinander oder übereinander platziert werden können

Vorlagenparameter

ParameterBeschreibungTypStatus
Ausrichtungalign
Ausrichtung im Seitenlayout; right / left / center
Standard
right
Beispiel
left
Zeileoptional
RichtungRichtung
Einzelbilder horizontal oder vertikal anordnen
Standard
horizontal
Beispiel
vertical
Zeileoptional
KopfzeilentextKopfzeile
Text in der Kopfzeile, falls eine solche gewünscht
Beispiel
Alpenpanorama
Zeileoptional
KopfzeilenhintergrundKopfzeile_Hintergrund
Farbcode für die Hintergrundfarbe der Kopfzeile
Standard
transparent
Beispiel
#DA70D6
Zeileoptional
KopfzeilenausrichtungKopfzeile_align
Ausrichtung der Kopfzeile zu den Bildern; center / left / right
Standard
center
Beispiel
left
Zeileoptional
FußzeilentextFußzeile
Text in der Fußzeile, falls eine solche gewünscht
Beispiel
Im Vordergrund der See, im Hintergrund die Berge
Zeileoptional
FußzeilenhintergrundFußzeile_Hintergrund
Farbcode für die Hintergrundfarbe der Fußzeile
Standard
transparent
Beispiel
#00FA9A
Zeileoptional
FußzeilenausrichtungFußzeile_align
Ausrichtung der Fußzeile zu den Bildern; center / left / right
Standard
left
Beispiel
center
Zeileoptional
StandardbreiteBreite
Feste Breite für alle Bilder; in Pixeln (ohne “px”)
Standard
150
Beispiel
250
Nummervorgeschlagen
HintergrundfarbeHintergrund
Farbcode für die Hintergrundfarbe (alles)
Standard
transparent
Beispiel
#FFE4B5
Zeileoptional
Legende nach untenunten
Bildlegenden (Untertitel) unten bündig oder zentriert ausrichten, nur für horizontale Anordnung
Beispiel
1
Booleschoptional
Untertitel zentrierencenter
Bildlegenden zentriert setzen, nur für vertikale Anordnung
Beispiel
1
Booleschoptional
Bilddatei1Bild1
Seitenname des ersten Bildes (ohne “Datei:”)
Beispiel
Beispiel.jpg
Dateierforderlich
Untertitel1Untertitel1
Legende dieses Bildes
Zeileoptional
Breite1Breite1
individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung
Beispiel
100
Nummeroptional
Bilddatei2Bild2
Seitenname des zweiten Bildes (ohne “Datei:”)
Dateierforderlich
Untertitel2Untertitel2
Legende dieses Bildes
Zeileoptional
Breite2Breite2
individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung
Beispiel
100
Nummeroptional
Bilddatei3Bild3
Seitenname eines weiteren Bildes
Dateioptional
Untertitel3Untertitel3
Legende dieses Bildes
Zeileoptional
Breite3Breite3
individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung
Beispiel
100
Nummeroptional
Bilddatei4Bild4
Seitenname eines weiteren Bildes
Dateioptional
Untertitel4Untertitel4
Legende dieses Bildes
Zeileoptional
Breite4Breite4
individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung
Beispiel
100
Nummeroptional
Bilddatei5Bild5
Seitenname eines weiteren Bildes
Dateioptional
Untertitel5Untertitel5
Legende dieses Bildes
Zeileoptional
Breite5Breite5
individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung
Beispiel
100
Nummeroptional

Format: block

Anzeigen von zwei bis fünf Bildern in einem Kasten, wobei die Bilder nebeneinander oder übereinander platziert werden können

Vorlagenparameter

Diese Vorlage hat eine benutzerdefinierte Formatierung.

ParameterBeschreibungTypStatus
Ausrichtungalign

Ausrichtung im Seitenlayout; right / left / center

Standard
right
Beispiel
left
Autowert
leer
Zeileoptional
RichtungRichtung

Einzelbilder horizontal oder vertikal anordnen

Standard
horizontal
Beispiel
vertical
Autowert
leer
Zeileoptional
KopfzeilentextKopfzeile

Text in der Kopfzeile, falls eine solche gewünscht

Standard
leer
Beispiel
Alpenpanorama
Autowert
leer
Zeileoptional
KopfzeilenhintergrundKopfzeile_Hintergrund

Farbcode für die Hintergrundfarbe der Kopfzeile

Standard
transparent
Beispiel
#DA70D6
Autowert
leer
Zeileoptional
KopfzeilenausrichtungKopfzeile_align

Ausrichtung der Kopfzeile zu den Bildern; center / left / right

Standard
center
Beispiel
left
Autowert
leer
Zeileoptional
FußzeilentextFußzeile

Text in der Fußzeile, falls eine solche gewünscht

Standard
leer
Beispiel
Im Vordergrund der See, im Hintergrund die Berge
Autowert
leer
Zeileoptional
FußzeilenhintergrundFußzeile_Hintergrund

Farbcode für die Hintergrundfarbe der Fußzeile

Standard
transparent
Beispiel
#00FA9A
Autowert
leer
Zeileoptional
FußzeilenausrichtungFußzeile_align

Ausrichtung der Fußzeile zu den Bildern; center / left / right

Standard
left
Beispiel
center
Autowert
leer
Zeileoptional
StandardbreiteBreite

Feste Breite für alle Bilder; in Pixeln (ohne “px”)

Standard
150
Beispiel
250
Autowert
leer
Nummervorgeschlagen
HintergrundfarbeHintergrund

Farbcode für die Hintergrundfarbe (alles)

Standard
transparent
Beispiel
#FFE4B5
Autowert
leer
Zeileoptional
Legende nach untenunten

Bildlegenden (Untertitel) unten bündig oder zentriert ausrichten, nur für horizontale Anordnung

Standard
leer
Beispiel
1
Autowert
leer
Booleschoptional
Untertitel zentrierencenter

Bildlegenden zentriert setzen, nur für vertikale Anordnung

Standard
leer
Beispiel
1
Autowert
leer
Booleschoptional
Bilddatei1Bild1

Seitenname des ersten Bildes (ohne “Datei:”)

Standard
leer
Beispiel
Beispiel.jpg
Autowert
leer
Dateierforderlich
Untertitel1Untertitel1

Legende dieses Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Zeileoptional
Breite1Breite1

individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung

Standard
leer
Beispiel
100
Autowert
leer
Nummeroptional
Bilddatei2Bild2

Seitenname des zweiten Bildes (ohne “Datei:”)

Standard
leer
Beispiel
leer
Autowert
leer
Dateierforderlich
Untertitel2Untertitel2

Legende dieses Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Zeileoptional
Breite2Breite2

individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung

Standard
leer
Beispiel
100
Autowert
leer
Nummeroptional
Bilddatei3Bild3

Seitenname eines weiteren Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Dateioptional
Untertitel3Untertitel3

Legende dieses Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Zeileoptional
Breite3Breite3

individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung

Standard
leer
Beispiel
100
Autowert
leer
Nummeroptional
Bilddatei4Bild4

Seitenname eines weiteren Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Dateioptional
Untertitel4Untertitel4

Legende dieses Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Zeileoptional
Breite4Breite4

individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung

Standard
leer
Beispiel
100
Autowert
leer
Nummeroptional
Bilddatei5Bild5

Seitenname eines weiteren Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Dateioptional
Untertitel5Untertitel5

Legende dieses Bildes

Standard
leer
Beispiel
leer
Autowert
leer
Zeileoptional
Breite5Breite5

individuelle Breite dieses Bildes; in Pixeln, für horizontale Anordnung

Standard
leer
Beispiel
100
Autowert
leer
Nummeroptional

Kopiervorlage[Quelltext bearbeiten]

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

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.

Beispiele[Quelltext bearbeiten]

Beispiel mit zwei Bildern nebeneinander am rechten Rand[Quelltext bearbeiten]

Yellow card.svg
Red card.svg


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

(Untertitel zentriert)

Füße im Vergleich
Foot Arche (PSF).png
gesunder Fuß mit Längsgewölbe
Flatfoot.jpg
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[Quelltext bearbeiten]

Ribbon numeral 2.png
Nummer 2
Ribbon numeral 3.png
Nummer 3
Ribbon numeral 4.png
Nummer 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 = Nummer 2
 | Bild2       = Ribbon numeral 3.png
 | Untertitel2 = Nummer 3
 | Bild3       = Ribbon numeral 4.png
 | Untertitel3 = Nummer 4
}}

Beispiel mit unterschiedlicher Höhe[Quelltext bearbeiten]

Yellow card.svg
Gelbe Karte
Royal Banner of Scotland (4-5).svg
Flagge der Schottischen Könige
Braunschweig Löwe.svg
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
Yellow card.svg
Royal Banner of Scotland (4-5).svg
Braunschweig Löwe.svg


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

Adoxa moschatellina 210406.jpg
Adoxa moschatellina 210406a.jpg
Adoxa moschatellina blatt.jpeg


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

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.