Neues Plugin PhotoSwipe5
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.
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.
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
{PhotoSwipe5|galerie}
Für PhotoSwipe5 muß lediglich in den Inhaltsseiten die 5 nach dem Plugin-Namen ergänzt werden.
Wenn PhotoSwipe-2 mit erweiterter Syntax genutzt wird, ergibt sich folgende Änderung bei Umstieg auf PhotoSwipe5
Aufruf PhotoSwipe-2
{PhotoSwipe|galerie|bilddatei|modus|overlay=}
- galerie bleibt
- anstelle bilddatei stehen Modifikatorklassen; oder leer
- modus bleibt (leer, single, cover)
- overlay= entfällt gänzlich; dafür steht hier opt. Bilddatei im Modus cover
Aufruf in PhotoSwipe und PhotoSwipe-2
{PhotoSwipe|galerie}
Aufruf in PhotoSwipe5
{PhotoSwipe5|galerie}
Für PhotoSwipe5 muß lediglich in den Inhaltsseiten die 5 nach dem Plugin-Namen ergänzt werden.
Wenn PhotoSwipe-2 mit erweiterter Syntax genutzt wird, ergibt sich folgende Änderung bei Umstieg auf PhotoSwipe5
Aufruf PhotoSwipe-2
{PhotoSwipe|galerie|bilddatei|modus|overlay=}
- galerie bleibt
- anstelle bilddatei stehen Modifikatorklassen; oder leer
- modus bleibt (leer, single, cover)
- overlay= entfällt gänzlich; dafür steht hier opt. Bilddatei im Modus cover
Vereinfachter Pluginaufruf:
{PhotoSwipe|galerie|||}
entspricht der Form
{PhotoSwipe|galerie}
kann weiter benutzt werden
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 = gesamte Galerie als Thumbnails
- 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
{PhotoSwipe|galerie|||}
entspricht der Form
{PhotoSwipe|galerie}
kann weiter benutzt werden
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 = gesamte Galerie als Thumbnails
- 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:
- Entspricht dem alten Aufruf: PhotoSwipe5 | Galerie
- Alle Parameter leer
Anzeige:
- Alle Bilder der Galerie werden als Thumbnails angezeigt
- Untertitel und Alt-Attribut aus Galerie werden eingebaut
- Anzahl Thumbs je Zeile im Admin einstellbar
- ebenso einstellbar Größe, Abstand, Rundung, Schatten, Zoomanimation
- Entspricht dem alten Aufruf: PhotoSwipe5 | Galerie
- Alle Parameter leer
Anzeige:
- Alle Bilder der Galerie werden als Thumbnails angezeigt
- Untertitel und Alt-Attribut aus Galerie werden eingebaut
- Anzahl Thumbs je Zeile im Admin einstellbar
- ebenso einstellbar Größe, Abstand, Rundung, Schatten, Zoomanimation
Alle Bilder in gleichem Format
Grid-Format nutzt verfügbare Breite optimal und flexibal
Bilder unterschiedlicher Formate in Vorschau vereinheitlicht
Anzeige Untertitel mit max. 1 - 3 Zeilen in Vorschau; gesamter Untertitel in Lightbox
Aufruf:
- PhotoSwipe5 | | single |
Anzeige:
- Anstelle aller Thumbnails nur Anzeige erstes Bild der Galerie
- Klick startet die Diashow
- Bildgröße im Admin einstellbar
- PhotoSwipe5 | | 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 | | cover | bilddatei
Anzeige:
- Bild aus Param4 wird anstelle erstes Bild aus Galerie angezeigt
- PhotoSwipe5 | | cover | bilddatei
Anzeige:
- Bild aus Param4 wird anstelle erstes Bild aus Galerie angezeigt
Einzelne Galerie
Mehrere Galerien in FlexGrid geordnet
Änderungen im Plugin PhotoSwipe:
- von Tabelle zu FlexGrid gewandelt
- für ältere Browser Fallback FlexBox
- dynamische Anpassung an Bildschirmbreite
- JQuery 3.7.1 komplett rausgenommen - reines JavaScript
- Positionierung des Thumbnails-Blocks zentriert
- Untertitel der Galeriebilder eingeblendet
Admin Parameter Thumbnail-Anzeige:
- Anzahl Thumbs in Zeile (Leer = 4)
- Breite Tumbs in px (Leer = 200)
- Breite Abstand zwischen Thumbs in px (Leer = 12)
Admin Parameter SingleBild-Anzeige:
- Breite des Einzelbildes in px (Standard 320px)
- Abstand zwischen Einzelbildern in px