Zum Inhalt springen

Wikivoyage:Scroll Gallery

Aus Wikivoyage

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]

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 Bildergalerie
  • voy-ImageGroupCenter – Container ist mittig ausgerichtet
  • voy-ImageGroupLeft – Container ist linksbündig ausgerichtet
  • voy-ImageGroupRight – Container ist rechtsbündig ausgerichtet
  • voy-ImageGroupHeader – Titel der Bildergalerie
  • voy-ImageGrUnit – Container eines einzelnen Bildes mit seinen Bedienelementen
  • voy-ImageGrUnitHeader – Schalter Vorwärts, Rückwärts und Nummer eines einzelnen Bildes
  • voy-ImageGrUnitInner – Container eines einzelnen Bildes ohne seine Bedienelemente
  • voy-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]