Vorlage:W502: Unterschied zwischen den Versionen

Aktuelle Version vom 5. November 2023, 16: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 1: / Zeile 1: @@
-<div class= "bildbox bildtext"><!--
+Testbild
---><table class= "bildbox bildtext"><tr>
+<div class='testbild'><!--
-<td width=252>{{Dia
+--><onlyinclude><!--
-  | {{{1|hiroshige_asakusa_fischer.jpg}}}| rahmen_w=240| rahmen_h={{{rahmen_h1|300}}}| w={{{w1|240}}} | top={{{top1|0}}}|left={{{left1|0}}}
- }}{{#if:{{{3|}}}
+Bilder
-|<div>{{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{3|}}} </div>
+-->{{#vardefine: img1 |{{{1|kasuga_lanterns3.jpg}}} }}<!--
+-->{{#vardefine: img2 |{{{2|kasuga4.jpg}}} }}<!--
+Bildtext kurz
+-->{{#vardefine:text1
+| {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{3|}}}
+}}<!--
+-->{{#vardefine:text2
+| {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} }} {{{4|}}}
+}}<!--
+Standardweite Einzelbild, stw, rw
+-->{{#vardefine:stw|{{#if:{{{max|}}}|700|500 }}}}<!--
+-->{{#vardefine:rw|{{#if:{{{max|}}}|340|240 }}}}<!--
+-->{{#vardefine:rw1 | {{{rw1|{{#var:rw}} }}} }}<!--
+-->{{#vardefine:rw2 | {{{rw2|{{#var:rw}} }}} }}<!--
+Prozent rw1, rw2
+> % von 500
+> % von 700
+-->{{#vardefine:rw1%
+| {{#expr: {{#var:rw1}}*100/{{#var:stw}} }}
+}}<!--
+-->{{#vardefine:rw2%
+| {{#expr: {{#var:rw2}}*100/{{#var:stw}} }}
+}}<!--
+Standardhöhe, rh
+-->{{#vardefine:rh | {{{rh|250}}} }}<!--
+-->{{#vardefine:rh1 | {{{rh1|{{#var:rh}} }}} }}<!--
+-->{{#vardefine:rh2 | {{{rh2|{{#var:rh}} }}} }}<!--
+Abstände
+-->{{#vardefine:t1|{{{t1|{{{top1|}}}}}}}}<!--
+-->{{#vardefine:l1|{{{l1|{{{left1|{{{lr1|0}}}}}}}}}}}<!--
+-->{{#vardefine:r1|{{{r1|{{{right1|{{{lr1|0}}}}}}}}}}}<!--
+-->{{#vardefine:b1|{{{b1|}}}}}<!--
+-->{{#vardefine:t2|{{{t2|{{{top2|}}}}}}}}<!--
+-->{{#vardefine:l2|{{{l2|{{{left2|{{{lr2|0}}}}}}}}}}}<!--
+-->{{#vardefine:r2|{{{r2|{{{right2|{{{lr2|0}}}}}}}}}}}<!--
+-->{{#vardefine:b2|{{{b2|}}}}}<!--
+Caption:
+-->{{#vardefine:caption
+| {{#if: {{{caption| }}}
+|<div class='bildtext caption'>{{{caption|}}}</div>
 }}
-</td><!--
+}}<!--
---><td width=252>{{Dia
- | {{{2|hiroshige_asakusa.jpg}}}| rahmen_w=240| rahmen_h={{{rahmen_h2|300}}}| w={{{w2|240}}} | top={{{top2|0}}}|left={{{left2|0}}}
+class
-  }}{{#if:{{{4|}}}
-|<div>{{#if: {{{ref|}}}|{{ref|ref={{{ref|}}}|bild={{{2|}}} }} }} {{{4|}}}</div>
+-->{{#vardefine:max|{{#if:{{{max|}}}|imax }}}}<!--
-}}
-</td></tr><!--
+-->{{#vardefine:showPopup
--->{{#if: {{{caption|}}}
+| {{#ifeq:{{{noviewer|}}}|1
-|<tr><td colspan=2><div>{{#if:{{{3|}}}
+  | 0
-| | {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} {{#if:{{{4|}}}
+  | {{{ref|0}}}
-| | {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} {{{caption|}}}</div></td></tr>
+  }}
-}}</table></div>
+}}<!--
+-->{{#vardefine:showPopup2
+| {{#var:showPopup}}
+}}<!--
+HTML
+--><div class='imgWrap {{{hell|}}}'><div class='i500  {{#var:max}}' style='
+display:grid;
+grid-template-columns: {{#var:rw1}}fr 20fr {{#var:rw2}}fr;
+'>
+<div style=''>
+{{Dia
+| img={{#var:img1}}
+| text={{#var:text1}}
+ | rw={{#var:rw1}}
+ | rh={{#var:rh1}}
+ | t={{#var:t1}}
+ | l={{#var:l1}}
+ | r={{#var:r1}}
+ | b={{#var:b1}}
+ | showPopup={{#var:showPopup}}
+ }}
+</div><div class=spaceDiv></div>
+<div style=''>
+{{Dia
+| img= {{#var:img2}}
+| text={{#var:text2}}
+ | rw={{#var:rw2}}
+ | rh={{#var:rh2}}
+ | t={{#var:t2}}
+ | l={{#var:l2}}
+ | r={{#var:r2}}
+ | b={{#var:b2}}
+ | showPopup={{#var:showPopup2}}
+ }}
+</div><!--
+--></div>{{#var:caption}}</div><!--
+CSS
+-->{{#css:
+}}<!--
+Vorlage Ende
+--></onlyinclude></div>
+----
+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%)

Vorlage:W502: Unterschied zwischen den Versionen

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

Navigationsmenü

Suche