Vorlage:Galerie: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 3: | Zeile 3: | ||
Variable | Variable | ||
− | -->{{#vardefine:id|{{#regex: {{{caption| | + | -->{{#vardefine:id |
+ | |{{#regex:{{#regex: {{{caption|xyz}}}|/.{3,12}/}}|/\s/|_}} | ||
+ | }}<!-- | ||
grid oder flex? (Flex zentriert gleichartige Elemente, Grid ermöglicht verschiedene Größen) | grid oder flex? (Flex zentriert gleichartige Elemente, Grid ermöglicht verschiedene Größen) | ||
Zeile 48: | Zeile 50: | ||
justify-content: {{#var:justify-content}}; | justify-content: {{#var:justify-content}}; | ||
margin: 0 {{#var:margin}}; | margin: 0 {{#var:margin}}; | ||
+ | max-width: {{{max-width|}}; | ||
} | } | ||
#grid_{{#var:id}} .diax2 { | #grid_{{#var:id}} .diax2 { | ||
Zeile 68: | Zeile 71: | ||
</div><!-- | </div><!-- | ||
− | + | Dokumentation | |
--></onlyinclude> | --></onlyinclude> | ||
Zeile 80: | Zeile 83: | ||
---- | ---- | ||
Parameter: | Parameter: | ||
− | : Bilder: 1 | + | : Bilder: <nowiki>{{{1|}}}</nowiki> |
: Text: caption | : Text: caption | ||
: grid: rw, rh [Einheit=px], rh2 [Einheit=px], gap, gapY [Einheit dazuschreiben], repeat [Zahl, default = auto-fit] | : 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] | + | : 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 27. Mai 2020, 13:57 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], max-width [Einheit dazuschreiben]
(Grid-items in diaX.2 können auch mit style= positioniert werden.)