Vorlage:W502: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
K
 
(87 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{| class= "bildbox bildtext"
+
Testbild
| width=252|{{Dia|
+
<div class='testbild'><!--
  {{{1|hiroshige_asakusa_fischer.jpg}}}| rahmen_w=240| rahmen_h={{{rahmen_h1|300}}}| w={{{w1|240}}} | top={{{top1|0}}}|left={{{left1|0}}} }}<div>{{{3|}}}</div>
+
--><onlyinclude><!--
  
| width=252|{{Dia|
+
Bilder
  {{{2|hiroshige_asakusa.jpg}}}| rahmen_w=240| rahmen_h={{{rahmen_h2|300}}}| w={{{w2|240}}} | top={{{top2|0}}}|left={{{left2|0}}} }}<div>{{{4|}}}</div>
+
 
{{#if: {{{caption|}}}|
+
-->{{#vardefine: img1 |{{{1|kasuga_lanterns3.jpg}}} }}<!-- 
{{!-}}
+
-->{{#vardefine: img2 |{{{2|kasuga4.jpg}}} }}<!--
{{!}}colspan=2{{!}}<div>{{{caption|}}}</div>
+
 
 +
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
 +
240 > % von 500
 +
340 > % 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>
 
}}
 
}}
|}
+
}}<!--   
 +
 
 +
class
 +
 
 +
-->{{#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}}' 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%)

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

Testbild

Kasuga lanterns3.jpg
Kasuga4.jpg

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%)