Vorlage:Img grid: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 1: | Zeile 1: | ||
<onlyinclude><!-- | <onlyinclude><!-- | ||
| − | Variable | + | Variable: ref, rh und rw sollten an img-Template weitergegeben werden |
-->{{#vardefine:ref|{{#if:{{{ref|}}}| 1}} }}<!-- | -->{{#vardefine:ref|{{#if:{{{ref|}}}| 1}} }}<!-- | ||
| + | Rahmenweite | ||
| + | -->{{#vardefine:rw|{{{rw|120}}} }}<!-- | ||
| + | Rahmenhöhe | ||
| + | -->{{#vardefine:rh|{{{rh|180}}} }}<!-- | ||
| + | |||
| + | Box | ||
-->{{#vardefine:id | -->{{#vardefine:id | ||
| Zeile 12: | Zeile 18: | ||
-->{{#vardefine:display|{{{display|grid}}}}}<!-- | -->{{#vardefine:display|{{{display|grid}}}}}<!-- | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
optional | optional | ||
| Zeile 55: | Zeile 44: | ||
display: {{#var:display}}; | display: {{#var:display}}; | ||
grid-template-columns: repeat({{#var:repeat}}, {{#var:grid-column-width}}); | grid-template-columns: repeat({{#var:repeat}}, {{#var:grid-column-width}}); | ||
| − | |||
flex-wrap: wrap; | flex-wrap: wrap; | ||
column-gap: {{#var:gap}}; | column-gap: {{#var:gap}}; | ||
| Zeile 96: | Zeile 84: | ||
: Bilder: <nowiki>{{{1|}}}</nowiki> | : Bilder: <nowiki>{{{1|}}}</nowiki> | ||
: Text: caption | : Text: caption | ||
| − | : grid: rw, rh | + | : grid: rw, rh [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], max-width [Einheit dazuschreiben] | : Layout: center[center=1], margin [left und right, mit Einheit], grid-column-width [mit Einheit], max-width [Einheit dazuschreiben] | ||
(Grid-items in diaX.2 können auch mit style= positioniert werden.) | (Grid-items in diaX.2 können auch mit style= positioniert werden.) | ||
Version vom 13. Juni 2020, 15:30 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], gap, gapY [Einheit dazuschreiben], repeat [Zahl, default = auto-fit]
- Layout: center[center=1], margin [left und right, mit Einheit], grid-column-width [mit Einheit], max-width [Einheit dazuschreiben]
(Grid-items in diaX.2 können auch mit style= positioniert werden.)