Vorlage:Scroll Gallery

Aus KoelnWiki
Wechseln zu: Navigation, Suche

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 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.
  • Beispiel:
Seitenfenster im Kölner Dom
Renaissancefenster, Bild 1
Kapellen im Kölner Dom
Gero-Kreuz um 970
{{Scroll Gallery
|title=Fenster im Kölner Dom
|width=190
|timeDependent=yes
|Bild:Dreikönigenfenster Dom Köln 603-vfLd.jpg|Domfenster, Bild 1
|Bild:Pfingstfenster Kölner Dom 561-L50vd.jpg|Domfenster, Bild 2
|Image:BirqashCamelMarket3.jpg|Kamelmarkt, Bild 3
|Image:BirqashCamelMarket4.jpg|Kamelmarkt, Bild 4
}}

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.