Test mit Bildern
9, Feb, 2021Wie funktionieren Bilder, oder Medien im Allgemeinen, mit FlatPress
Test mit Bildern
Vorab: sorry für den Fülltext, es ist nur ein Test… Unten gibt es aber noch ein Fazit.
Dies ist die grundsätzliche Syntax für einzelne Bilder mit umfliessenden Text:
[img=IMAGEPATH (popup=false) (scale=NN%) (width=N) (height=N) (float=left|right)]
Wenn man auf das Bild klickt, bekommt es in voller Größe zu sehen. Meine Beispielsbilder sind natürlich viel zu groß…
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Test mit PhotoSwipe
For a single image:[photoswipeimage="images/image.jpg"]Floating image with given width:[photoswipeimage="images/image.jpg" width="200" float="right"]For an image gallery:[photoswipegallery="images/NameOfTheGallery"]Gallery width given image height:[photoswipegallery="images/NameOfTheGallery" height="100"]
Ein einzelnes Bild
[photoswipeimage=”images/pano2_small.jpg” width=”500”]
Und nun eine Gallerie:
[photoswipegallery=”images/msfs” width=”140”]
Fazit
Die Darstellung mit PhotoSwipe ist natürlich viel schöner. Die Thumbnails (Vorschaubilder) der Galerie sollten aber eine Breite von 140 Pixeln nicht überschreiten (width=”140”; Einzelbilder 500 Pixel), weil dies die Vorgabe in der (PhotoSwipe) CSS ist. Und alle Bilder, auch Einzelbilder auf der gleichen Seite, die nicht im Gallerie-Verzeichnis sind, landen in einer Gallerie.