Plugin Slider

Diese Seite dient der Demonstration des Slider Plugins. Die Anzeige der Bilder erfolgt responsiv.

Bestandteile des Slider Plugin

Zum Slider Plugin gehören die Dateien

  • slider.css
  • slider.js
  • slider.php

Alle drei Dateien gehören direkt in das Verzeichnis /system/plugins. Außerdem nutzt das Plugin CDN-Dateien, siehe dazu auch Flickity v1.2.0.

Einbau

Neben dem Schlüsselwort [slider] werden die folgenden zusätzlichen Parameter verwendet:

  • PATTERN = Dateiname als Regulärer Ausdruck
  • STYLE = Galerie Stile, muss man in der Dokumentation zum JavaScript nachlesen, was hier möglich ist.
  • SIZE = Größe der Bilder in Pixel oder Prozent
  • AUTOPLAY = Parameter für Autostart, standardmäßig deaktiviert

Beispiele für den Einbau

Der Code [slider photo.*jpg] liefert:

photo-1fa14fb0.jpg photo-1425315.jpg photo-1437623.jpg photo-coffee-love.jpg photo-fika-time.jpg photo-puppy-love.jpg

Der Code [slider photo.*jpg - 20% true] liefert

photo-1fa14fb0.jpg photo-1425315.jpg photo-1437623.jpg photo-coffee-love.jpg photo-fika-time.jpg photo-puppy-love.jpg