Bildergalerie aus page.extra.gallery mit Vollbild-Modal.
Zeigt die Bilder aus page.extra.gallery an. Die Dateien liegen im
selben Ordner wie die index.md der Seite. Ohne Bilder wird nichts
ausgegeben. article.html bindet die Galerie automatisch ein.
[extra]
gallery = ["bild1.jpg", "bild2.jpg"]Das Layout hängt von der Bildanzahl ab:
- 1 Bild: volle Breite.
- 2–4 Bilder: in einer Reihe nebeneinander (4:3 zugeschnitten).
- ab 5 Bildern: Layout wie bei Google Fotos, mit gleich hohen Zeilen und breitenabhängig nach Seitenverhältnis.
Ein Klick öffnet das Originalbild in einem modalen <dialog> im
Vollbild. Geschlossen wird mit dem Button, Esc oder Klick auf den
Hintergrund. Ab 2 Bildern kann man mit den Pfeil-Buttons oder den
Pfeiltasten blättern. Der Dialog steht einmalig in templates/base.html
und wird von gallery und image
gemeinsam genutzt; das Galerie-Feature liegt in static/js/site.js.
Bilder, die im Text per image eingebunden sind, werden in der Galerie
ausgelassen.
Argumente
| Argument | Pflicht | Bedeutung |
|---|---|---|
page | ja | Seitenobjekt mit extra.gallery und colocated_path |
Code-Beispiel
{{ <gallery page={page} /> }}In einem Template kann auch eine andere Seite übergeben werden:
{% set p = get_page(path="dev/test/bilder-2/index.md") %}
{{ <gallery page={p} /> }}Vorschau
Zwei Bilder (dev/test/bilder-2):
Fünf Bilder (dev/test/bilder-5):
