Fotogalerie, modifiziert
Erklärung der Parameter
Modifiziertes Plugin bekommt weitere Parameter - können leer sein; müssen nicht alle benutzt werden!Aufruf Plugin im Editor erzeugt automatisch:
'{'PhotoSwipe| Galerie | | | overlay= '}'
Der ursprüngliche Aufruf des Plugins funktioniert nach wie vor!
'{'PhotoSwipe|Galerie'}'
Migrationshinweis:
(War PhotoSwipe mit dem Aufruf { PhotoSwipe | galeriename } schon im Einsatz, muß in den Seiten nichts geändert werden. Fotogalerie sollte weiterhin funktionieren; vorerst ohne Nutzung der Zusatz-Parameter. Vorher PhotoSwipe deinstallieren!)
Nummerierung der Parameter:
'{'PhotoSwipe| Param1 | Param2 | Param3 | Param4 '}'Param1
- obligatorisch; Name der Galerie
Param2
- optional
- beliebiges Bild aus dem Bereich Dateien UND Param3 single
Param3
- optional
- leer UND Param2 leer - alle Thumbnails der Galerie als Vorschau;
- single UND Param2 leer - nur erstes Bild aus Galerie wird klickbar angezeigt
- single UND Param2 beliebiges Foto - nur dieses Foto wird klickbar angezeigt
Param4
- overlay= ... hier kann kurzer, einzeiliger Text stehen; wird über Bild eingeblendet
Zusammenspiel der Parameter
Beispiel 1
Aufruf:'{'PhotoSwipe| Tiere | | | overlay='}'
- Alle Parameter leer
- Entspricht dem alten Aufruf: '{'PhotoSwipe| Galerie '}'
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 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 | [ bild | @= Wiedehopf.jpg =@ | alt= ] | single | overlay='}' '{'PhotoSwipe | Meditation | [ bild | @= Wolf.jpg =@ | alt= | single | overlay='}'
- Param2 enthält beliebiges Bild aus dem Bereich Dateien (hier Foto Wiedehopf und Wolf)
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