Vorlage:W503: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
 
--><onlyinclude><!--
 
--><onlyinclude><!--
  
Bilder  
+
Bilder ba
  
-->{{#vardefine: img1 |{{{1|backyardshrine.jpg}}} }}<!--   
+
-->{{#vardefine: img1 |{{{1|Asakusa_pagode.jpg}}} }}<!--   
 
-->{{#vardefine: img2 |{{{2|umenomiya_shrine.jpg}}} }}<!--       
 
-->{{#vardefine: img2 |{{{2|umenomiya_shrine.jpg}}} }}<!--       
 
-->{{#vardefine: img3 |{{{3|schrein_torii_komainu.jpg}}} }}<!--   
 
-->{{#vardefine: img3 |{{{3|schrein_torii_komainu.jpg}}} }}<!--   
Zeile 19: Zeile 19:
 
-->{{#vardefine:text3  
 
-->{{#vardefine:text3  
 
| {{#if: {{{ref|}}}|{{ref|bild={{{3|}}} }} }} {{{6|}}}  
 
| {{#if: {{{ref|}}}|{{ref|bild={{{3|}}} }} }} {{{6|}}}  
}}<!--  
+
}}<!--  
  
 
Caption:
 
Caption:
  
 
-->{{#vardefine:caption
 
-->{{#vardefine:caption
|{{#if: {{{caption|}}}
+
| {{#if: {{{caption| }}}  
|<div class= 'bildtext caption clear'>{{{caption|}}}</div> }}
+
|<div class='bildtext caption'>{{{caption|}}}</div>
}}<!--  
+
}}
 +
}}<!--  
  
 
Gesamtbreite
 
Gesamtbreite
  
-->{{#vardefine:rwAll | {{{rwAll|600}}} }}<!--  
+
-->{{#vardefine:rwAll | {{#if:{{{max|}}}|700|500 }}}}<!--  
  
 
Format grid
 
Format grid
Zeile 41: Zeile 42:
 
Standardweite Einzelbild, rw
 
Standardweite Einzelbild, rw
  
-->{{#vardefine:rw | {{#expr: {{#var:rwAll}}*48/100 }} }}<!--
+
-->{{#vardefine:rw  
 +
| {{#expr: {{#expr: {{#var:rwAll}}*48/100 }} round 0 }}
 +
}}<!--
  
 
Weite kleine Bilder
 
Weite kleine Bilder
Zeile 48: Zeile 51:
 
-->{{#vardefine:rw3 | {{#var:rw}} }}<!--
 
-->{{#vardefine:rw3 | {{#var:rw}} }}<!--
  
Standardhöhe Einzelbild, rh
+
Standardhöhe, rh
  
-->{{#vardefine:rh | {{#expr: {{#var:rwAll}}*32/100 }} }}<!--
+
-->{{#vardefine:rh
-->{{#vardefine:rh2 | {{#var:rh}} }}<!--
+
| {{#expr: {{#expr: {{#var:rwAll}}*2/3 }} round 0 }}
-->{{#vardefine:rh3 | {{#var:rh}} }}<!--
+
}}<!--
 
+
-->{{#vardefine:rh2
Standardhöhe großes Bild, rh1
+
| {{#expr: {{#expr: {{#var:rh}}*47/100 }} round 0 }}
 
+
}}<!--
-->{{#vardefine:rh1 | {{#expr: {{#var:rh}} * 2.15  }} }}<!--
+
-->{{#vardefine:rh3 | {{#var:rh2}} }}<!--
 
 
right
 
 
 
-->{{#vardefine:r1 | {{#if: {{{w1|}}}
 
| {{#expr: {{#var:rw1}} - ({{{w1|}}}*6/5 + {{{left1|0}}}*6/5) }}
 
| 0
 
}} }}<!--
 
-->{{#vardefine:r2 | {{#if: {{{w2|}}}
 
| {{#expr: {{#var:rw2}} - ({{{w2|}}}*6/5 + {{{left2|0}}}*6/5) }}
 
| 0
 
}} }}<!--
 
 
 
-->{{#vardefine:r3 | {{#if: {{{w3|}}}
 
| {{#expr: {{#var:rw3}} - ({{{w3|}}}*6/5 + {{{left3|0}}}*6/5) }}
 
| 0
 
}} }}<!--
 
  
 
Abstände
 
Abstände
 
    
 
    
-->{{#vardefine:t1|{{{t1|{{{top1|}}}}}}}}<!--     
+
-->{{#vardefine:t1|{{{t1|{{{top1|}}} }}} }}<!--     
-->{{#vardefine:l1|{{{l1|{{{left1|{{{lr1|}}}}}}}}}}}<!--   
+
-->{{#vardefine:l1|{{{l1|{{{left1|{{{lr1|0}}} }}} }}} }}<!--   
-->{{#vardefine:r1|{{{r1|{{{right1|{{{lr1|{{#var:r1}}}}}}}}}}}}}<!--  
+
-->{{#vardefine:r1|{{{r1|{{{right1|{{{lr1|0}}} }}} }}} }}<!--  
-->{{#vardefine:b1|{{{b1|}}}}}<!--   
+
-->{{#vardefine:b1|{{{b1|}}} }}<!--   
 
    
 
    
-->{{#vardefine:t2|{{{t2|{{{top2|}}}}}}}}<!--     
+
-->{{#vardefine:t2|{{{t2|{{{top2|}}} }}} }}<!--     
-->{{#vardefine:l2|{{{l2|{{{left2|{{{lr2|}}}}}}}}}}}<!--   
+
-->{{#vardefine:l2|{{{l2|{{{left2|{{{lr2|0}}} }}} }}} }}<!--   
-->{{#vardefine:r2|{{{r2|{{{right2|{{{lr2|{{#var:r2}}}}}}}}}}}}}<!--  
+
-->{{#vardefine:r2|{{{r2|{{{right2|{{{lr2|0}}} }}} }}} }}<!--  
-->{{#vardefine:b2|{{{b2|}}}}}<!--   
+
-->{{#vardefine:b2|{{{b2|}}} }}<!--   
 
    
 
    
-->{{#vardefine:t3|{{{t3|{{{top3|}}}}}}}}<!--     
+
-->{{#vardefine:t3|{{{t3|{{{top3|}}} }}} }}<!--     
-->{{#vardefine:l3|{{{l3|{{{left3|{{{lr3|}}}}}}}}}}}<!--   
+
-->{{#vardefine:l3|{{{l3|{{{left3|{{{lr3|0}}} }}} }}} }}<!--   
-->{{#vardefine:r3|{{{r3|{{{right3|{{{lr3|{{#var:r3}}}}}}}}}}}}}<!--  
+
-->{{#vardefine:r3|{{{r3|{{{right3|{{{lr3|0}}} }}} }}} }}<!--
-->{{#vardefine:b3|{{{b3|}}}}}<!--  
+
-->{{#vardefine:b3|{{{b3|}}} }}<!--    
 +
 
 +
class
 +
 
 +
-->{{#vardefine:max|{{#if:{{{max|}}}|imax }}}}<!--  
  
 +
-->{{#vardefine:showPopup
 +
| {{#ifeq:{{{noviewer|}}}|1
 +
  | 0
 +
  | {{{ref|0}}}
 +
  }}
 +
}}<!--
 +
-->{{#vardefine:showPopup2
 +
| {{#var:showPopup}}
 +
}}<!-- 
 +
-->{{#vardefine:showPopup3
 +
| {{#var:showPopup}}
 +
}}<!--   
 
   
 
   
 
HTML  
 
HTML  
  
--><div class='i500 {{{hell|}}}' style='{{#if: {{{rwAll|}}}
+
--><div class='imgWrap {{{hell|}}}'><div class='i500  {{#var:max}}' style='
| width: {{{rwAll|}}}; }}{{{style|}}}'>
+
  display: grid;  
<div style='display: grid;  
+
   grid-template-columns: 1fr 1fr;   
   grid-template-columns: 48% auto;   
+
   grid-gap:6% 4%'>  
   grid-gap: 10px 4%;'>  
 
 
<div style='grid-area: {{#var:grid}}'>   
 
<div style='grid-area: {{#var:grid}}'>   
{{DiaX.2
+
{{Dia
 
| img= {{#var:img1}}
 
| img= {{#var:img1}}
 
| text={{#var:text1}}
 
| text={{#var:text1}}
 
| rw= {{#var:rw}}
 
| rw= {{#var:rw}}
| rh= {{#var:rh1}}
+
| rh= {{#var:rh}}
 
  | t={{#var:t1}}  
 
  | t={{#var:t1}}  
 
  | l={{#var:l1}}   
 
  | l={{#var:l1}}   
 
  | r={{#var:r1}}
 
  | r={{#var:r1}}
 
  | b={{#var:b1}}  
 
  | b={{#var:b1}}  
 +
| showPopup={{#var:showPopup}}
 
}}  
 
}}  
 
</div>
 
</div>
 
<div>
 
<div>
{{DiaX.2
+
{{Dia
 
| img= {{#var:img2}}  
 
| img= {{#var:img2}}  
 
| text={{#var:text2}}
 
| text={{#var:text2}}
Zeile 121: Zeile 124:
 
  | r={{#var:r2}}
 
  | r={{#var:r2}}
 
  | b={{#var:b2}}  
 
  | b={{#var:b2}}  
 +
| showPopup={{#var:showPopup2}}
 
}}  
 
}}  
 
</div>
 
</div>
 
<div style='align-self: end;'>   
 
<div style='align-self: end;'>   
{{DiaX.2
+
{{Dia
 
| img= {{#var:img3}}  
 
| img= {{#var:img3}}  
 
| text={{#var:text3}}
 
| text={{#var:text3}}
Zeile 133: Zeile 137:
 
  | r={{#var:r3}}
 
  | r={{#var:r3}}
 
  | b={{#var:b3}}  
 
  | b={{#var:b3}}  
 +
| showPopup={{#var:showPopup3}}
 
}}
 
}}
 
</div>
 
</div>
</div>
+
</div>{{#var:caption}}</div><!--   
{{#var:caption}}</div><!--   
 
  
 
Vorlage Ende
 
Vorlage Ende

Aktuelle Version vom 6. November 2023, 15:12 Uhr

Testbild

Asakusa pagode.jpg
Umenomiya shrine.jpg
Schrein torii komainu.jpg

Parameter:

Div: hell, style, rwAll, format[right]
Bild: 1, 2, 3, w, rh, t, r, l, lr
Text: 4, 5, 6, ref, caption