Vorlage:Scroll Gallery
de:
- Funktion: Die Vorlage dient zur Präsentation einer Bilderfolge. Es können bis zu 30 Bilder präsentiert werden.
- Verwendung:
{{Scroll Gallery
|title =
|width =
|align =
|background =
|border =
|maxHeight =
|Image:|Titel
|Image:|Titel
|...
|...
|...
|Image:|Titel
}}
- Erforderliche Parameter
|title=Titel der Bildergalerie
- Optionale Parameter:
|width=Breite der Bilder ohne „px“. Standard ist 200.|align=Lage am linken Rand (left), am rechten Rand (right) oder mittig (center). Standard ist rechts (right).|background=Hintergrundfarbe wie #123456 oder englische Begriffe wie cyan. Standard ist transparent.|border=Rahmenfarbe wie #123456 oder englische Begriffe wie black. Standard ist transparent.|maxHeight=Maximale Höhe der Bilder in Pixel ohne die Angabe „px“.|styles=Zusätzliche Stilangaben für den Container.
- Beispiel:
{{Scroll Gallery
|title=Kamelmarkt in Birqasch
|border=#6cc8f3
|background=#ffffff
|width=300
|timeDependent=yes
|Image:BirqashCamelMarket1.jpg|Kamelmarkt, Bild 1
|Image:BirqashCamelMarket2.jpg|Kamelmarkt, Bild 2
|Image:BirqashCamelMarket3.jpg|Kamelmarkt, Bild 3
|Image:BirqashCamelMarket4.jpg|Kamelmarkt, Bild 4
|Image:BirqashCamelMarket5.jpg|Kamelmarkt, Bild 5
|Image:BirqashCamelMarket6.jpg|Kamelmarkt, Bild 6
|Image:BirqashCamelMarket7.jpg|Kamelmarkt, Bild 7
|Image:BirqashCamelMarket8.jpg|Kamelmarkt, Bild 8
}}
Auf einer Seite lassen sich mehrere Galerien platzieren.
Für zeitabhängige Galerien stehen zwei weitere Parameter zur Verfügung:
|timeDependent=yes|hideUnitHeader=yes
Die erste Option bewirkt, dass das Startbild im Laufe des Tages so gewechselt wird, dass jedes Bild gleichlang angezeigt würde. Im Falle dieser Option (und nur dieser) könnte es sinnvoll erscheinen, den Zähler und die Pfeile auszublenden. Dies geschieht mit der zweiten Option. Was hinter dem Gleichheitszeichen steht, ist egal. Man könnte auch „ja“ oder „ein“ schreiben.
Für Administratoren
Das zugehörige Skript befindet sich in MediaWiki:ScrollGallery.js.
Die Vorlage verwendet mehrere Stilklassen, über die sich weitere Eigenschaften vereinbaren lassen:
<source lang="css"> .ImageGroup { }
- html .ImageGroup { // IE6-Hack;
width: 220px; // IE6 braucht Zwangsbreite, wird im Skript angepasst
} .ImageGroup .header {
font-size: 110%; font-weight: bold;
} .ImageGroup .ImageGrUnitHeader { } </source>
.ImageGroup betrifft den äußeren div-Container, .header steht für den Titel, .ImageGrUnitHeader für die Zeile mit dem Zähler und den Pfeilen.
Bekannte Probleme
Die gängigen Browser (Mozillas, IE 6–8, Opera, Safari) haben bei der Bildschirmdarstellung kaum Probleme.
Im Fall von deaktiviertem JavaSript wird nur das erste Bild ohne Rollen-Werkzeug dargestellt.
Beim Drucken können Fehler auftreten:
- Mozillas: Druck OK.
- IE 8: Druck OK.
- IE 6: Nur erste von mehreren Galerien wird gedruckt.
- Opera: Druck OK, es wird aber immer das erste Bild der Galerie gedruckt.
- Safari: Bilder fehlen im Druck. Das ist insofern kein „echtes“ Problem, da Safari 5.0 unter Windows überhaupt keine jpg-Bilder druckt.
