Vorlage:Img grid: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
K (Bescheid verschob die Seite Vorlage:Galerie test nach Vorlage:Img grid)
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
 
Variable: ref, rh und rw sollten an img-Template weitergegeben werden
 
Variable: ref, rh und rw sollten an img-Template weitergegeben werden
  
-->{{#vardefine:ref|{{#if:{{{ref|}}}| 1}} }}<!--
+
-->{{#vardefine:ref_grid|{{#if:{{{ref|}}}| 1 | }} }}<!--
 
   Rahmenweite  
 
   Rahmenweite  
 
-->{{#vardefine:rw|{{{rw|120}}} }}<!--
 
-->{{#vardefine:rw|{{{rw|120}}} }}<!--
 +
-->{{#vardefine:rw_grid|{{#var:rw}} }}<!--
 
   Rahmenhöhe  
 
   Rahmenhöhe  
 
-->{{#vardefine:rh|{{{rh|180}}} }}<!--
 
-->{{#vardefine:rh|{{{rh|180}}} }}<!--
 +
-->{{#vardefine:rh_grid|{{#var:rh}} }}<!--
  
 
Box
 
Box
Zeile 51: Zeile 53:
 
     max-width: {{{max-width|}}};
 
     max-width: {{{max-width|}}};
 
}
 
}
#grid_{{#var:id}} .diax2 {
+
#grid_{{#var:id}} .dia {
 
   width:{{#var:item-width}};  
 
   width:{{#var:item-width}};  
 
   {{#var:item-margin}}  
 
   {{#var:item-margin}}  
Zeile 75: Zeile 77:
 
Beliebige Menge von Bildern in einem Grid anzeigen.
 
Beliebige Menge von Bildern in einem Grid anzeigen.
  
  <nowiki>{{galerie| caption= 16 Arhats | rw= 100 | rh= 200 |  
+
  <nowiki>{{img_grid| caption= 16 Arhats | rw= 100 | rh= 200 | ref= 1 |
  {{DiaX.2|rw=150|img=luohan1.jpg|style="grid-area:1/1/3/3;"}}
+
  {{img|luohan1.jpg| Arhat 1| style="grid-area:1/1/3/3;"}}
  {{DiaX.2|rw=150|rh=300|img=luohan2.jpg}}
+
  {{img|luohan2.jpg| Arhat 2}}
 
  ...
 
  ...
 
  }}</nowiki>
 
  }}</nowiki>
Zeile 83: Zeile 85:
 
Parameter:  
 
Parameter:  
 
: Bilder: <nowiki>{{{1|}}}</nowiki>
 
: Bilder: <nowiki>{{{1|}}}</nowiki>
: Text: caption
+
: Text: caption, ref
: grid: rw, rh [Einheit=px], gap, gapY [Einheit dazuschreiben], repeat [Zahl, default = auto-fit]
+
: grid: rw, rh [min-Wert in px], gap, gapY [Einheit dazuschreiben], repeat [Zahl, default = auto-fit], display ("flex" statt grid)
: Layout:  center[center=1], margin [left und right, mit Einheit], grid-column-width [mit Einheit], max-width [Einheit dazuschreiben]
+
: Layout:  margin [left und right, mit Einheit], max-width [Einheit dazuschreiben]
(Grid-items in diaX.2 können auch mit style= positioniert werden.)
+
(Grid-items in img können auch mit style= positioniert werden.)<!--
 +
--><noinclude>
 +
=== Verwendung ===
 +
{{Spezial:Linkliste/{{FULLPAGENAME}}}}
 +
</noinclude>

Aktuelle Version vom 5. November 2023, 15:11 Uhr

Beliebige Menge von Bildern in einem Grid anzeigen.

{{img_grid| caption= 16 Arhats | rw= 100 | rh= 200 | ref= 1 |
 {{img|luohan1.jpg| Arhat 1| style="grid-area:1/1/3/3;"}}
 {{img|luohan2.jpg| Arhat 2}}
 ...
 }}

Parameter:

Bilder: {{{1|}}}
Text: caption, ref
grid: rw, rh [min-Wert in px], gap, gapY [Einheit dazuschreiben], repeat [Zahl, default = auto-fit], display ("flex" statt grid)
Layout: margin [left und right, mit Einheit], max-width [Einheit dazuschreiben]

(Grid-items in img können auch mit style= positioniert werden.)

Verwendung