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)
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

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

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

Bearbeiten
  • 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

Bearbeiten

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