Wikivoyage:Scroll Gallery

Wikivoyage Projektseiten

• Über uns
• Organisation
• Grundprinzipien
• Stilhandbuch
• Expeditionen
• Dokumentation
  • MediaWiki
  • Oberfläche und Navigation
  • Kartographer
  • Werkzeuge Dritter
  • Software-Pakete
  • Lua- und Scribunto-Module
    • Citation
    • Coordinates
    • GeoData
    • Location map
    • Mapframe
    • Mapshape
    • Mapshape utilities
    • Mapshapes
    • Marker
    • Marker utilities
    • RegionList
    • Scroll Gallery
    • VCard
    • Wikidata utilities
  • JavaScript-Skripte
  • PHP-Skripte
• Wikimedia und Mediawiki
• Öffentlichkeitsarbeit
• Impressum
• Archiv

---

• Alle Projektseiten / Übersicht
• Kategorie

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

• keine.

Verwendbarkeit

Unterstützte Skins

alle

Eignung für andere Wikis

geeignet, Übersetzung nötig.

Eignung für mobile Geräte

ja.

Aufruf

Das Modul wird von der Vorlage {{Scroll Gallery}} aufgerufen.

Funktionen

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

Die Internationalisierung erfolgt in den Tabellen texts, params, align, extensions und css der Modulvariablen sg.

Kategorien

• 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

• Vorlage:Scroll Gallery/styles.css

JavaScript

• MediaWiki:Gadget-ScrollGallery.js

Erzeugter HTML-Code

<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

• 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

• Siehe Vorlage {{Scroll Gallery}}.