Vorlage:Galerie: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 24: | Zeile 24: | ||
-->{{#vardefine:justify-content|{{{justify-content|center}}}}}<!-- | -->{{#vardefine:justify-content|{{{justify-content|center}}}}}<!-- | ||
-->{{#vardefine:grid-column-width|{{{grid-column-width| minmax({{#var:rw}}px, 1fr)}}}}}<!-- | -->{{#vardefine:grid-column-width|{{{grid-column-width| minmax({{#var:rw}}px, 1fr)}}}}}<!-- | ||
| − | -->{{#vardefine:margin|{{{margin| | + | -->{{#vardefine:margin|{{{margin|auto}}}}}<!-- |
-->{{#vardefine:item-width|{{#ifeq: {{{display|}}}|flex | -->{{#vardefine:item-width|{{#ifeq: {{{display|}}}|flex | ||
|{{#var:rw}}px|100%}}}}<!-- | |{{#var:rw}}px|100%}}}}<!-- | ||
| Zeile 33: | Zeile 33: | ||
CSS | CSS | ||
| − | -->{{#css: | + | -->{{#css: |
| − | .galerie { | + | |
| + | .galerie, | ||
| + | .galerie > div { | ||
max-width: 780px; | max-width: 780px; | ||
} | } | ||
Version vom 27. Mai 2020, 10:46 Uhr
Beliebige Menge von Bildern in einem Grid anzeigen.
{{galerie| caption= 16 Arhats | rw= 100 | rh= 200 |
{{DiaX.2|rw=150|img=luohan1.jpg|style="grid-area:1/1/3/3;"}}
{{DiaX.2|rw=150|rh=300|img=luohan2.jpg}}
...
}}
Parameter:
- Bilder: 1
- Text: caption
- grid: rw, rh [Einheit=px], rh2 [Einheit=px], gap, gapY [Einheit dazuschreiben], repeat [Zahl, default = auto-fit]
- Layout: center[center=1], margin [left und right, mit Einheit], grid-column-width [mit Einheit]
(Grid-items in diaX.2 können auch mit style= positioniert werden.)