Wikivoyage:Scroll Gallery
Dieser Artikel enthält technische Hintergrundinformationen zum Modul Scroll Gallery. Es stellt Funktionen für die Einbettung von Bildergalerien im Text zur Verfügung.
Benötigte Module[Bearbeiten]
- keine.
Verwendbarkeit[Bearbeiten]
- Unterstützte Skins
- alle
- Eignung für andere Wikis
- geeignet, Übersetzung nötig.
- Eignung für mobile Geräte
- ja.
Aufruf[Bearbeiten]
Das Modul wird von der Vorlage {{Scroll Gallery}} aufgerufen.
Funktionen[Bearbeiten]
Die Verwendung des Moduls mit Beispielen kann man unter {{Scroll Gallery}} einsehen.
function sg.gallery( frame )
- Vorgaben:
frame
tabelle
: Parametertabelle, die vom#invoke
-Aufruf übergeben wird.
- Zurückgelieferter Wert:
string
: MediaWiki-Quellcode der Bildergalerie (Scroll Gallery).
Internationalisierung[Bearbeiten]
Die Internationalisierung erfolgt in den Tabellen texts
, params
, align
, extensions
und css
der Modulvariablen sg
.
Kategorien[Bearbeiten]
- Kategorie:Bildergalerie: fehlender Dateiname
- Kategorie:Bildergalerie: kein Bild definiert
- Kategorie:Bildergalerie: Größenangaben verwendet
- Kategorie:Bildergalerie: fehlerhafte Dateinamen
- Kategorie:Bildergalerie: fehlerhafte Parameter
- Siehe auch: Kategorie:Wartung Bildergalerie
Stilvorlagen[Bearbeiten]
JavaScript[Bearbeiten]
Erzeugter HTML-Code[Bearbeiten]
<div class="voy-ImageGroup voy-ImageGroupRight voy-timeDependent voy-noLoop" style=" ... Stile ... ">
<div class="voy-ImageGroupHeader"> ... Titel ... </div>
<div class="voy-ImageGrUnit" style="display: none;">
<div class="voy-ImageGrUnitHeader voy-timeless-no-emoji">
<span class="voy-ImageNoLoop" style="cursor: default;" title="">◀</span>
1/8
<span style="cursor: pointer;" title="2/8">▶</span>
</div>
<div class="voy-ImageGrUnitInner">
<div class="center">
<div class="thumb tnone"> ... Bild 1 ... </div>
</div>
</div>
</div>
...
</div>
Klassenbezeichner[Bearbeiten]
voy-hideUnitHeader
– Klasse zeigt an, dass die Anzeige der Bedienelemente unterdrückt werden soll.voy-ImageGroup
– Container der Bildergalerievoy-ImageGroupCenter
– Container ist mittig ausgerichtetvoy-ImageGroupLeft
– Container ist linksbündig ausgerichtetvoy-ImageGroupRight
– Container ist rechtsbündig ausgerichtetvoy-ImageGroupHeader
– Titel der Bildergalerievoy-ImageGrUnit
– Container eines einzelnen Bildes mit seinen Bedienelementenvoy-ImageGrUnitHeader
– Schalter Vorwärts, Rückwärts und Nummer eines einzelnen Bildesvoy-ImageGrUnitInner
– Container eines einzelnen Bildes ohne seine Bedienelementevoy-ImageNoLoop
– Klasse zur Unterdrückung der Schalter Vorwärts und Rückwärts beim letzten bzw. ersten Bild, wenn keine Bilderschleife gewünscht ist.voy-noLoop
– Klasse zeigt an, dass keine Bilderschleife über die Grenzwerte (erstes, letztes Bild) hinaus gewünscht ist.voy-timeDependent
– Klasse zeigt an, dass beim Artikelaufruf der Wechsel zu anderen Bildern zeitabhängig über den Zeitraum von 24 Stunden erfolgen soll. Die Zeitspannen hängen von der Bilderanzahl ab.voy-timeless-no-emoji
– Klasse für die Schalter Vorwärts und Rückwärts, mit denen die Verwendung von Emoji-Bildern, insbesondere bei Verwendung des Skins Timeless, verhindert wird.
Beispiele[Bearbeiten]
- Siehe Vorlage {{Scroll Gallery}}.