Vorlage:Galerie: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 3: Zeile 3:
 
Variable
 
Variable
  
-->{{#vardefine:id|{{#regex: {{{caption|xy}}}|/\w{3,6}/}}}}<!--
+
-->{{#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><!--
  
Vorlage Ende
+
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.)