Vorlage:Scroll Gallery

Aus Wikivoyage
Zur Navigation springen Zur Suche springen
Template-info.png Dokumentation für die Vorlage {{Scroll Gallery}}[Ansicht] [Bearbeiten] [Versionsgeschichte] [Aktualisieren]

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 =
|loop =
|Datei:|Titel
|Datei:|Titel
|...
|...
|...
|Datei:|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 weiß.
    • |border= Rahmenfarbe wie #123456 oder englische Begriffe wie black. Standard ist #6cc8f3. Rahmenlinie kann z.B. mit border=transparent unterdrückt werden.
    • |maxHeight= Maximale Höhe der Bilder in Pixel ohne die Angabe „px“.
    • |styles= Zusätzliche Stilangaben für den Container.
    • |headerStyle= Zusätzliche Stilangaben für die Überschrift.
    • |imageGrStyle= Zusätzliche Stilangaben für den Bildcontainer.
    • |loop=no Unterdrückt Weiterschaltung beim ersten oder letzten Bild
  • Beispiel:
Kamelmarkt in Birqasch
Kamelmarkt, Bild 1
Qasr el-Bawiti
Qasr el-Bawiti, Bild 1
{{Scroll Gallery
|title=Kamelmarkt in Birqasch
|width=300
|timeDependent=yes
|loop=no
|Datei:BirqashCamelMarket1.jpg|Kamelmarkt, Bild 1
|Datei:BirqashCamelMarket2.jpg|Kamelmarkt, Bild 2
|Datei:BirqashCamelMarket3.jpg|Kamelmarkt, Bild 3
|Datei:BirqashCamelMarket4.jpg|Kamelmarkt, Bild 4
|Datei:BirqashCamelMarket5.jpg|Kamelmarkt, Bild 5
|Datei:BirqashCamelMarket6.jpg|Kamelmarkt, Bild 6
|Datei:BirqashCamelMarket7.jpg|Kamelmarkt, Bild 7
|Datei: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:

.ImageGroup {
}
* html .ImageGroup { // IE6-Hack;
 width: 220px; // IE6 braucht Zwangsbreite, wird im Skript angepasst
}
.ImageGroup .header {
 font-size: 110%;
 font-weight: bold;
}
.ImageGroup .ImageGrUnitHeader {
}

.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.
Hinweise