Fotogalerie, modifiziert
Erklärung der Parameter
Der ursprüngliche Aufruf des Plugins funktioniert nach wie vor!'{'PhotoSwipe|GalerieName'}'
Modifiziertes Plugin bekommt weitere Parameter - können leer sein; müssen nicht alle benutzt werden!
Aufruf Plugin im Editor erzeugt automatisch:
'{'PhotoSwipe| Galerie | | | overlay= '}'
Nummerierung der Parameter:
'{'PhotoSwipe| Param1 | Param2 | Param3 | Param4 '}'Param1
- obligatorisch; Name der Galerie
Param2
- optional; beliebiges Bild aus dem Bereich Dateien
Param3
- optional; leer oder mit Schlüselwort 'single'
Param4
- overlay= ... hier kann kurzer, einzeiliger Text stehen; wird über Bild eingeblendet
Zusammenspiel der Parameter
Beispiel 1
Aufruf:'{'PhotoSwipe| Tiere | | | overlay='}'
- Alle Parameter leer
Anzeige:
- Alle Bilder der Galerie werden als Thumbnails angezeigt
- Untertitel und Alt-Attribut aus Galerie werden eingebaut
- Anzahl Thumbs je zueile im Admin einstellbar; ebenso Abstand
Beispiel 2
Aufruf:'{'PhotoSwipe| Tiere | |single | overlay= '}'
- Param2 ist leer
- Param3 enthält single
- Param4 ist leer
Anzeige:
- Anstelle aller Thumbnails nur Anzeige erstes Bild der Galerie
- Klick startet die Diashow
- Bildgröße im Admin einstellbar
Beispiel 3
Aufruf:'{'PhotoSwipe|Tiere| |single|overlay='}' '{'PhotoSwipe|Meditation| |single|overlay=Mehr Infos bei Klick'}' '{'PhotoSwipe|Handwerk| |single|overlay='}'
- 3 Galerien nebeneinander, jeweils vertreten durch erstes Bild
- Param2 ist leer
- Param3 enthält single
- Parma4 bei Bild 2 enthält Hinweistext 'Mehr Infos bei Klick'
Anzeige
- Anstelle aller Thumbnails nur Anzeige erstes Bild der Galerie
- Bildgröße im Admin einstellbar
Vorteil:
- Dutzende Thumbnails von mehreren Galerien pflastern den Bildschirm nicht zu
Hier das Ganze in FlexCards integriert.
Beispiel 4
Das Beispiel 3 dient hier als Basis. Jetzt kommt Param2 in´s Spiel.Aufruf:
'{'PhotoSwipe | Tiere | Wiedehopf.jpg | single | overlay='}' '{'PhotoSwipe | Meditation | Wolf.jpg | single | overlay='}'
- Zusätzlich Param2
- enthält beliebiges Bild aus dem Bereich Dateien
Anzeige:
- Bild aus Param2 wird anstelle erstes Bild aus Galerie angezeigt
Ä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