Wikivoyage:Scroll Gallery
Wikivoyage Projektseiten
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
BearbeitenDas Modul wird von der Vorlage {{Scroll Gallery}} aufgerufen.
Funktionen
BearbeitenDie 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
BearbeitenDie Internationalisierung erfolgt in den Tabellen texts
, params
, align
, extensions
und css
der Modulvariablen sg
.
Kategorien
BearbeitenStilvorlagen
BearbeitenJavaScript
BearbeitenErzeugter 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
Bearbeitenvoy-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}}.