Vorlage:W502: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
 
(70 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
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_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
 +
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>
 
}}
 
}}
</td><!--
+
}}<!--   
--><td width=252>{{Dia
+
 
| {{{2|hiroshige_asakusa.jpg}}}| rahmen_w=240| rahmen_h={{{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: {{{ref|}}}| {{#if:{{{3|}}}||{{ref|ref={{{ref|}}}|bild={{{1|}}} }} }} {{#if:{{{4|}}}||{{ref|ref={{{ref|}}}|bild={{{2|}}} }} }} }} {{{caption|}}}</div></td></tr>
+
  | 0
}}</table></div>
+
  | {{{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, 16: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%)