Meine Spielwiese

PhotoSwipe5 integriert die moderne Open-Source-Lightbox PhotoSwipe Version 5 in moziloCMS - macht damit die freie Software für mozilo nutzbar.

Die von Arvid Zimmermann seinerzeit entwickelte Version PhotoSwipe basiert auf der damals aktuellen PhotoSwipe Version 4. (Aktuell im Downloadbereich von mozilo)

Anmerkung:
Die hier in der Vergangenheit und im Forum vorgestellte Aktualisierung von PhotoSwipe (PhotoSwipe-2 https://www.mozilo.de/forum/index.php/topic,4813.15.html) war eine Weiterentwicklung auf Basis der älteren Version 4. Diese Variante wird vollständig durch PhotoSwipe5 ersetzt.
PhotoSwipe5 übernimmt die Funktionen von PhotoSwipe-2 auf neuer technologischer Basis und wird noch um Einiges ergänzt.

Der Einbau von PhotoSwipe5 in die Inhaltsseiten ist abwärtskompatibel. Ältere Fotogalerien funktionieren nach Installation des Plugins PhotoSwipe5 also weiter:

Aufruf in PhotoSwipe und PhotoSwipe-2
{PhotoSwipe|galerie}

Aufruf in PhotoSwipe5 - Kompatibilitäsmodus
{PhotoSwipe5|galerie} - wird noch unterstützt
{PhotoSwipe5|galerie|||} - ist die neue Syntax; optionale Parameter leer

Für PhotoSwipe5 muß lediglich in den Inhaltsseiten die 5 nach dem Plugin-Namen ergänzt werden.

PhotoSwipe-2 mit erweiterter Syntax
{PhotoSwipe|galerie|bilddatei|modus|overlay=}
{PhotoSwipe5|galerie|modifikator|modus|bilddatei}

Beim Umstieg von PhotoSwipe-2 zu PhotoSWipe5 Folgendes beachten:
- Reihenfolge der Parameter
- Parameter2 modifikatoer ist neu
- parameter4 overlay= entfällt (war ein Sonderwunsch)

Vereinfachter Pluginaufruf:
{PhotoSwipe5|galerie|||}

Erweiterter Aufruf
{PhotoSwipe5|param1|param2|param3|param4}
{PhotoSwipe5|galerie|klassen|modus|bilddatei}

param1
- obligatorisch
- Name der Galerie
param2
- optional
- eigene Klassen für Gestaltung Aussehen und Verhalten
param3
- optional modus
- leer oder gallery: alle Thumbnails; einheitliche Größe; dadurch Beschnitt
- gallery-justified: alle Thumbs; Seitenverhältnis bleibt erhalten; geeignet für sehr unterschiedliche Format
- gallery-masonry: alle Thumbs; Anordnung spaltenweise, von Oben nach Unten; Bildformat bleibt erhalten
- single = nur erstes Bild der Galerie als Galeriestart
- cover = beliebiges Bild als Galeriestart (Bilddatei in param4)
param4
- optional
- Bilddatei aus Bereich Dateien; wenn param3 = cover ist

Aufruf:
{PhotoSwipe5|galerie|||}
{PhotoSwipe5|galerie|modifikatorklassen||}

Aufruf:
{PhotoSwipe5|galerie|||}
{PhotoSwipe5|galerie|modifikatorklassen||}
Bilder unterschiedlicher Formate in Vorschau vereinheitlicht
Anzeige Untertitel mit max. 1 - 3 Zeilen in Vorschau; gesamter Untertitel in Lightbox

Aufruf:
{PhotoSwipe5|galerie||gallery-justified|}
{PhotoSwipe5|galerie|modifikatorklassen|gallery-justified|}
Bilder behalten ihr Seitenverhältnis; sind komplett sichtbar
Unbtertitel ausgeblendet; nur in LightBox sichtbar

{PhotoSwipe5|galerie||gallery-masonry|}
{PhotoSwipe5|galerie|modifikatorklassen|gallery-masonry|}
Anordnung in Spalten; Galerieanzeige von Oben nach Unten, von Links nach Rechts
Bilder behalten ihr Seitenverhältnis; sind komplett sichtbar
Untertitel sichtbar

Aufruf:
{PhotoSwipe5|galerie||single|}
{PhotoSwipe5|galerie|modifikatorklassen|single|}

Anzeige:
- Anstelle aller Thumbnails nur Anzeige erstes Bild der Galerie
- Klick startet die Diashow
- Bildgröße im Admin einstellbar

Eine einzelne Galerie

Mehrere Galerien mit FlexCards geordnet

Aufruf:
{PhotoSwipe5|galerie||cover|}
{PhotoSwipe5|galerie|modifikatorklassen|cover|bilddatei}

Anzeige:
- Beliebiges Bild (Param4) wird als Galeriestart angezeigt

Einzelne Galerie

Mehrere Galerien in FlexGrid geordnet; pro Galerie ein Element

Galerie klassisch - Bilder beschnitten

---

Galerie Modus justified - Bilder komplett sichtbar; Ausrichtung zeilenweise

---

Galerie Modus masonry - Bilder komplett sichtbar; Ausrichtung spaltenweise