Vorlage:W502: Unterschied zwischen den Versionen

Aktuelle Version vom 5. November 2023, 17:49 Uhr

Testbild

Parameter:

Div: hell

Bilder: rw, rh

Bild1: 1, w1, rw1, rh1, t1, r1, l1, lr1

Bild2: 2, w2, rw2, rh2, t2, r2, l2, lr2

Text: 3, 4, caption, ref

rw1 und rw2 ändern die Proportionen, sollten aber zusammen 480 ergeben (500 - 4%)

@@ Zeile 57: / Zeile 57: @@
 -->{{#vardefine:caption
 | {{#if: {{{caption| }}}
-|<div class='bildtext caption' style='grid-column: span 3;'>{{{caption|}}}</div>
+|<div class='bildtext caption'>{{{caption|}}}</div>
 }}
 }}<!--
@@ Zeile 64: / Zeile 64: @@
 -->{{#vardefine:max|{{#if:{{{max|}}}|imax }}}}<!--
+-->{{#vardefine:showPopup
+| {{#ifeq:{{{noviewer|}}}|1
+  | 0
+  | {{{ref|0}}}
+  }}
+}}<!--
+-->{{#vardefine:showPopup2
+| {{#var:showPopup}}
+}}<!--
 HTML
---><div class='imgWrap {{{hell|}}}'><div class='i500  {{#var:max}} wFlex'>
+--><div class='imgWrap {{{hell|}}}'><div class='i500  {{#var:max}}' style='
-<div style='width: {{#var:rw1%}}%;'>
+display:grid;
+grid-template-columns: {{#var:rw1}}fr 20fr {{#var:rw2}}fr;
+'>
+<div style=''>
 {{Dia
 | img={{#var:img1}}
@@ Zeile 79: / Zeile 93: @@
   | r={{#var:r1}}
   | b={{#var:b1}}
-  | noviewer={{{noviewer|}}}
+  | showPopup={{#var:showPopup}}
   }}
-</div>
+</div><div class=spaceDiv></div>
-<div style='width: {{#var:rw2%}}%;'>
+<div style=''>
 {{Dia
 | img= {{#var:img2}}
@@ Zeile 92: / Zeile 106: @@
   | r={{#var:r2}}
   | b={{#var:b2}}
-  | ref={{{ref|}}}
+  | showPopup={{#var:showPopup2}}
- | noviewer={{{noviewer|}}}
   }}
 </div><!--
--->{{#var:caption}}
+--></div>{{#var:caption}}</div><!--
-</div></div><!--
 CSS