Darstellung von gestapelten Bildergalerien, die per Mausklick durchgeblättert werden (Slideshow-Galerien).
Vorgänge und Abläufe, die als Bildsequenz leichter verständlich sind, können so präsentiert werden. Beispielsweise lässt sich die Funktion eines Motors Schritt für Schritt in einzelne Funktionschritte zerlegt anzeigen.

Bis zu 35 Bilder sind theoretisch möglich – meist aber nicht sinnvoll. Beachte hierzu die Hinweise unter Wikipedia:Artikel illustrieren #Klickbare Bilderreihen.

Vorlagenparameter

TitelName
Titel der Sequenz
Beispiel
Ampelphasen
PixelGröße
Bildbreite in Pixeln (ohne “px”)
Standard
200
Beispiel
150
Ausrichtungalign
Ausrichtung im Seitenlayout; right / left / none
Standard
right
Beispiel
left
Textausrichtungcaptionalign
Ausrichtung der Bildunterschrift; right / left / center
Standard
left
Beispiel
center
Bild11
Seitenname des ersten Bildes (mit “Datei:”)
Beispiel
Datei:Beispiel.jpg
Legende12
Legende des ersten Bildes
Bild23
Seitenname des zweiten Bildes
Legende24
Legende des zweiten Bildes
Bild35
Seitenname des nächsten Bildes
Legende36
Legende des nächsten Bildes
Bild47
Seitenname des nächsten Bildes
Legende48
Legende des nächsten Bildes
Bild59
Seitenname des nächsten Bildes
Legende510
Legende des nächsten Bildes
Bild611
Seitenname des nächsten Bildes
Legende612
Legende des nächsten Bildes
Bild713
Seitenname des nächsten Bildes
Legende714
Legende des nächsten Bildes
Bild815
Seitenname des nächsten Bildes
Legende816
Legende des nächsten Bildes
Bild917
Seitenname des nächsten Bildes
Legende918
Legende des nächsten Bildes
Bild1019
Seitenname des nächsten Bildes
Legende1020
Legende des nächsten Bildes
Bild1121
Seitenname des nächsten Bildes
Legende1122
Legende des nächsten Bildes
Bild1223
Seitenname des nächsten Bildes
Legende1224
Legende des nächsten Bildes
Bild1325
Seitenname des nächsten Bildes
Legende1326
Legende des nächsten Bildes
Bild1427
Seitenname des nächsten Bildes
Legende1428
Legende des nächsten Bildes
Bild1529
Seitenname des nächsten Bildes
Legende1530
Legende des nächsten Bildes
Bild1631
Seitenname des nächsten Bildes
Legende1632
Legende des nächsten Bildes
Bild1733
Seitenname des nächsten Bildes
Legende1734
Legende des nächsten Bildes
Bild1835
Seitenname des nächsten Bildes
Legende1836
Legende des nächsten Bildes
Bild1937
Seitenname des nächsten Bildes
Legende1938
Legende des nächsten Bildes
Bild2039
Seitenname des nächsten Bildes
Legende2040
Legende des nächsten Bildes
Bild2141
Seitenname des nächsten Bildes
Legende2142
Legende des nächsten Bildes
Bild2243
Seitenname des nächsten Bildes
Legende2244
Legende des nächsten Bildes
Bild2345
Seitenname des nächsten Bildes
Legende2346
Legende des nächsten Bildes
Bild2447
Seitenname des nächsten Bildes
Legende2448
Legende des nächsten Bildes
Bild2549
Seitenname des nächsten Bildes
Legende2550
Legende des nächsten Bildes
Bild2651
Seitenname des nächsten Bildes
Legende2652
Legende des nächsten Bildes
Bild2753
Seitenname des nächsten Bildes
Legende2754
Legende des nächsten Bildes
Bild2855
Seitenname des nächsten Bildes
Legende2856
Legende des nächsten Bildes
Bild2957
Seitenname des nächsten Bildes
Legende2958
Legende des nächsten Bildes
Bild3059
Seitenname des nächsten Bildes
Legende3060
Legende des nächsten Bildes
Bild3161
Seitenname des nächsten Bildes
Legende3162
Legende des nächsten Bildes
Bild3263
Seitenname des nächsten Bildes
Legende3264
Legende des nächsten Bildes
Bild3365
Seitenname des nächsten Bildes
Legende3366
Legende des nächsten Bildes
Bild3467
Seitenname des nächsten Bildes
Legende3468
Legende des nächsten Bildes
Bild3569
Seitenname des nächsten Bildes
Legende3570
Legende des nächsten Bildes
Hintergrundfarbebackground
Farbcode für die Hintergrundfarbe (alles)
Standard
transparent
Beispiel
#FFE4B5
Rahmenfarbeborder
Farbcode für den Rahmen
Standard
transparent
Beispiel
#DA70D6
Gesamtbreitewidth
(zurzeit unwirksam)

Darstellung von gestapelten Bildergalerien, die per Mausklick durchgeblättert werden

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

ParameterBeschreibungTypStatus
TitelName

Titel der Sequenz

Beispiel
Ampelphasen
Einzeiliger Textvorgeschlagen
PixelGröße

Bildbreite in Pixeln (ohne “px”)

Standard
200
Beispiel
150
Zahlenwertoptional
Ausrichtungalign

Ausrichtung im Seitenlayout; right / left / none

Standard
right
Beispiel
left
Einzeiliger Textvorgeschlagen
Textausrichtungcaptionalign

Ausrichtung der Bildunterschrift; right / left / center

Standard
left
Beispiel
center
Einzeiliger Textoptional
Bild11

Seitenname des ersten Bildes (mit “Datei:”)

Beispiel
Datei:Beispiel.jpg
Dateierforderlich
Legende12

Legende des ersten Bildes

Einzeiliger Textvorgeschlagen
Bild23

Seitenname des zweiten Bildes

Dateierforderlich
Legende24

Legende des zweiten Bildes

Einzeiliger Textvorgeschlagen
Bild35

Seitenname des nächsten Bildes

Dateivorgeschlagen
Legende36

Legende des nächsten Bildes

Einzeiliger Textvorgeschlagen
Bild47

Seitenname des nächsten Bildes

Dateivorgeschlagen
Legende48

Legende des nächsten Bildes

Einzeiliger Textvorgeschlagen
Bild59

Seitenname des nächsten Bildes

Dateivorgeschlagen
Legende510

Legende des nächsten Bildes

Einzeiliger Textvorgeschlagen
Bild611

Seitenname des nächsten Bildes

Dateioptional
Legende612

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild713

Seitenname des nächsten Bildes

Dateioptional
Legende714

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild815

Seitenname des nächsten Bildes

Dateioptional
Legende816

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild917

Seitenname des nächsten Bildes

Dateioptional
Legende918

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1019

Seitenname des nächsten Bildes

Dateioptional
Legende1020

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1121

Seitenname des nächsten Bildes

Dateioptional
Legende1122

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1223

Seitenname des nächsten Bildes

Dateioptional
Legende1224

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1325

Seitenname des nächsten Bildes

Dateioptional
Legende1326

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1427

Seitenname des nächsten Bildes

Dateioptional
Legende1428

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1529

Seitenname des nächsten Bildes

Dateioptional
Legende1530

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1631

Seitenname des nächsten Bildes

Dateioptional
Legende1632

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1733

Seitenname des nächsten Bildes

Dateioptional
Legende1734

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1835

Seitenname des nächsten Bildes

Dateioptional
Legende1836

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild1937

Seitenname des nächsten Bildes

Dateioptional
Legende1938

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2039

Seitenname des nächsten Bildes

Dateioptional
Legende2040

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2141

Seitenname des nächsten Bildes

Dateioptional
Legende2142

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2243

Seitenname des nächsten Bildes

Dateioptional
Legende2244

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2345

Seitenname des nächsten Bildes

Dateioptional
Legende2346

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2447

Seitenname des nächsten Bildes

Dateioptional
Legende2448

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2549

Seitenname des nächsten Bildes

Dateioptional
Legende2550

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2651

Seitenname des nächsten Bildes

Dateioptional
Legende2652

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2753

Seitenname des nächsten Bildes

Dateioptional
Legende2754

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2855

Seitenname des nächsten Bildes

Dateioptional
Legende2856

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild2957

Seitenname des nächsten Bildes

Dateioptional
Legende2958

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild3059

Seitenname des nächsten Bildes

Dateioptional
Legende3060

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild3161

Seitenname des nächsten Bildes

Dateioptional
Legende3162

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild3263

Seitenname des nächsten Bildes

Dateioptional
Legende3264

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild3365

Seitenname des nächsten Bildes

Dateioptional
Legende3366

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild3467

Seitenname des nächsten Bildes

Dateioptional
Legende3468

Legende des nächsten Bildes

Einzeiliger Textoptional
Bild3569

Seitenname des nächsten Bildes

Dateioptional
Legende3570

Legende des nächsten Bildes

Einzeiliger Textoptional
Hintergrundfarbebackground

Farbcode für die Hintergrundfarbe (alles)

Standard
transparent
Beispiel
#FFE4B5
Einzeiliger Textoptional
Rahmenfarbeborder

Farbcode für den Rahmen

Standard
transparent
Beispiel
#DA70D6
Einzeiliger Textoptional
Gesamtbreitewidth

(zurzeit unwirksam)

Zahlenwertoptional
Bitte beachten:
Manche Browser (darunter der Internet Explorer) haben Schwierigkeiten mit der korrekten Wiedergabe einer solchen Scrollgalerie. Auch in der Druckversion, der PDF-Version und mit der Buchfunktion können Bilder nicht gestapelt wiedergeben. Daher beeinträchtigt der Einsatz der Vorlage in diesen Fällen das Layout.

Kopiervorlage

{{Galerie
|Name=XYZ
|Größe=300
|align=right
|captionalign=left
|Datei:BILD1.jpg|Beschreibung1
|Datei:BILD2 js.jpg|Beschreibung2
|Datei:BILD3 js.jpg|Beschreibung3
|Datei:BILD4|Beschreibung4
}}

Beispiel

{{Galerie
|Name=Bahnübergänge von Nordost nach Südwest
|Größe=299
|align=right
|captionalign=center
|Datei:Bahnübergang Quedlinburg Magdeburger Strasse.jpg|Magdeburger Straße (ehemals B6, unsaniert trotz sanierter Straße)
|Datei:Bahnübergang Quedlinburg Badeborner Weg.jpg|Badeborner Weg
|Datei:Bahnübergang Quedlinburg Frachtstrasse.jpg|Frachtstraße / am Stellwerk Qo, rechts hinten Zufahrt zum P+R
|Datei:Bahnhof Quedlinburg - Bahnübergang Stresemannstraße.JPG|Stresemannstraße nach Umbau, mit Untertunnelung, am ehem. Stellwerk Qmf
|Datei:Bahnübergang Quedlinburg Albert-Schweitzer-Straße.JPG|Albert-Schweitzer-Straße nach Umbau
|Datei:Bahnübergang Quedlinburg Gernröder Weg.JPG|Gernröder Weg nach Umbau, Blickrichtung stadtauswärtws, am ehem. Stellwerk Qw
}}

Siehe auch

  • commons:Template:Imagestack – Vorlage bei Commons mit erweiterter Funktionalität (Mausrad, Maus-Ziehen...; z. B. für radiologische Bilderstapel wie CT oder MRT)
  • Mit dem Element <gallery> lassen sich Bilderfolgen auf ähnliche Weise darstellen.

Programmierung

Der JavaScript-Code zu dieser Vorlage wird über das Gadget templateGallery bereitgestellt.

  NODES
INTERN 1