Vorlage:W503b: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 7: Zeile 7:
 
-->{{#vardefine: img1 |{{{1|hiroshige_asakusa_fischer.jpg}}} }}<!--   
 
-->{{#vardefine: img1 |{{{1|hiroshige_asakusa_fischer.jpg}}} }}<!--   
 
-->{{#vardefine: img2 |{{{2|hiroshige_asakusa_fischer.jpg}}} }}<!--       
 
-->{{#vardefine: img2 |{{{2|hiroshige_asakusa_fischer.jpg}}} }}<!--       
-->{{#vardefine: img3 |{{{3|hiroshige_asakusa_fischer.jpg}}} }}<!--   
+
-->{{#vardefine: img3 |{{{3|hiroshige_asakusa_fischer.jpg}}} }}<!--   
 +
 
 +
Bildtext kurz
 +
 
 +
-->{{#vardefine:text1
 +
| {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }} {{{4|}}}
 +
}}<!-- 
 +
-->{{#vardefine:text2
 +
| {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} }} {{{5|}}}
 +
}}<!-- 
 +
-->{{#vardefine:text3
 +
| {{#if: {{{ref|}}}|{{ref|bild={{{3|}}} }} }} {{{6|}}}
 +
}}<!--   
  
 
Caption:
 
Caption:
  
 
-->{{#vardefine:caption
 
-->{{#vardefine:caption
|{{#if:{{{caption|}}}|<div class= 'bildtext caption clear'>{{{caption|}}}</div>}}
+
| {{#if: {{{caption| }}}  
}}<!--  
+
  |<div class='bildtext caption' style='grid-column: span 3;'>{{{caption|}}}</div>
 +
  }}
 +
}}<!--  
  
 
Gesamtbreite
 
Gesamtbreite
  
-->{{#vardefine:rwAll | {{{rwAll|600}}} }}<!--
+
-->{{#vardefine:rwAll | {{#if:{{{rwSmall|}}}|500|700}} }}<!--
  
 
Standardweite Einzelbild, rw
 
Standardweite Einzelbild, rw
  
-->{{#vardefine:rw  
+
-->{{#vardefine:rw | {{#expr: {{#expr: {{#var:rwAll}}*31/100 }} round 0 }} }}<!-- leider notwendig:
| {{#if: {{{rw|{{{rahmen_w|}}} }}}
+
-->{{#vardefine:rw2 | {{#var:rw}} }}<!--
| {{#expr: {{{rw|{{{rahmen_w|}}} }}}*6/5 }}
+
-->{{#vardefine:rw3 | {{#var:rw}} }}<!--  
| {{#expr: {{#var:rwAll}}*31/100 }} 
 
}}
 
}}<!--  
 
  
 
Standardhöhe, rh
 
Standardhöhe, rh
  
-->{{#vardefine:rh
+
-->{{#vardefine:rh| {{#if: {{{rh|}}} | {{{rh|}}} | {{#var:rw}}  }} }}<!-- leider notwendig:
| {{#if: {{{rh|{{{rahmen_h|}}} }}}
+
-->{{#vardefine:rh2| {{#var:rh}} }}<!--  
| {{#expr: {{{rh|{{{rahmen_h|}}} }}}*6/5 }}
+
-->{{#vardefine:rh3| {{#var:rh}} }}<!--  
| {{#expr: {{#var:rwAll}}*31/100 }}   
 
}}
 
}}<!--
 
-->{{#vardefine:rh2 | {{#var:rh}} }}<!--
 
-->{{#vardefine:rh3 | {{#var:rh}} }}<!--
 
 
 
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|}}} }}<!--
 +
 
 +
max
 +
 
 +
-->{{#vardefine:max
 +
| {{#if: {{{rwSmall|}}}|<!--do nothing-->| imax}}
 +
}}<!--   
 +
 
 +
max
 +
 
 +
-->{{#vardefine:justifySpace| {{#if: {{{rwSmall|}}}|between|around}}
 +
}}<!--  
 +
 
 +
-->{{#vardefine:showPopup
 +
| {{#ifeq:{{{noviewer|}}}|1
 +
  | 0
 +
  | {{{ref|0}}}
 +
  }}
 +
}}<!--
 +
-->{{#vardefine:showPopup2
 +
| {{#var:showPopup}}
 +
}}<!--   
 +
-->{{#vardefine:showPopup3
 +
| {{#var:showPopup}}
 +
}}<!--   
 
   
 
   
 
HTML  
 
HTML  
  
--><div class='i500 i503b {{{hell|}}}' style='{{#if: {{{rwAll|}}}
+
--><div class='imgWrap {{{hell|}}}'><!--
| width: {{{rwAll|}}}; }}{{{style|}}}'>
+
  --><div class='i500  {{#var:max}}' style='
<div class=wFlex>
+
    display: grid;
<div style='width:31%;'>
+
    grid-template-columns: repeat(3, min(14rem,31%));
{{DiaX.2
+
    justify-content: space-{{#var:justifySpace}};
| img={{#var:img1}}
+
    {{{style|}}}'><!-- 
| rw= {{#var:rw}}
+
    --><div><!--
| rh= {{#var:rh}}  
+
-->{{Dia
| t={{#var:t1}}  
+
| img={{#var:img1}}
| l={{#var:l1}}   
+
| text={{#var:text1}}
| r={{#var:r1}}
+
| rw={{#var:rw}}
| b={{#var:b1}}  
+
| rh={{#var:rh}}
| text= {{#if: {{{ref|}}}|{{ref|bild={{{1|}}} }} }}
+
| t={{#var:t1}}  
}}{{#if: {{{4|}}}
+
| l={{#var:l1}}   
|<div class="caption bildtext">{{{4|}}}</div> }}
+
| r={{#var:r1}}
</div>
+
| b={{#var:b1}}  
<div style='width:31%'>
+
| showPopup={{#var:showPopup}}  
{{DiaX.2
+
}}</div><!--
 +
    --><div><!--
 +
-->{{Dia
 
| img={{#var:img2}}
 
| img={{#var:img2}}
| rw= {{#var:rw}}
+
| text={{#var:text2}}
| rh= {{#var:rh2}}
+
| rw={{#var:rw2}}
| t={{#var:t2}}  
+
| rh={{#var:rh2}}
| l={{#var:l2}}   
+
| t={{#var:t2}}  
| r={{#var:r2}}
+
| l={{#var:l2}}   
| b={{#var:b2}}
+
| r={{#var:r2}}
| text= {{#if: {{{ref|}}}|{{ref|bild={{{2|}}} }} }}
+
| b={{#var:b2}}
}}{{#if: {{{5|}}}
+
| showPopup={{#var:showPopup2}}  
|<div class="caption bildtext"> {{{5|}}}</div> }}
+
}}</div><!--
</div>
+
    --><div><!--
<div style='width:31%;'>
+
-->{{Dia
{{DiaX.2
+
| img={{#var:img3}}  
| img={{#var:img3}}
+
| text={{#var:text3}}
| rw= {{#var:rw}}
+
| rw={{#var:rw3}}
| rh= {{#var:rh3}}
+
| rh={{#var:rh3}}
| w= {{{w3|}}}
+
| t={{#var:t3}}  
| top=  {{{top3|0}}}
+
| l={{#var:l3}}   
| left=  {{{lr3|{{{left3|0}}}}}} 
+
| r={{#var:r3}}
| right= {{{lr3|{{{right3|0}}}}}}
+
| b={{#var:b3}}
| t={{#var:t3}}  
+
| showPopup={{#var:showPopup3}}  
| l={{#var:l3}}   
+
}}</div>{{#var:caption}}<!--  
| r={{#var:r3}}
 
| b={{#var:b3}}
 
| text= {{#if: {{{ref|}}}|{{ref|bild={{{3|}}} }} }}
 
}}{{#if: {{{6|}}}
 
|<div class="caption bildtext">{{{6|}}}</div> }}</div><!-- 
 
--></div>{{#var:caption}}</div><!--
 
  
 
Vorlage Ende
 
Vorlage Ende
  
--></onlyinclude></div>
+
--></div></div></onlyinclude></div>  
----
+
<noinclude>
Parameter:
+
<templatedata>
: Div: hell, style
+
{
: Bild: 1, 2, 3, w, rh, t, r, l, lr
+
"params": {
: Text: 4, 5, 6, ref, caption
+
"1": {},
 +
"2": {},
 +
"3": {},
 +
"4": {},
 +
"5": {},
 +
"6": {},
 +
"ref": {},
 +
"caption": {},
 +
"rwSmall": {
 +
"description": "switch width of imgWrap",
 +
"type": "boolean"
 +
},
 +
"rh": {},
 +
"t1": {},
 +
"top1": {},
 +
"l1": {},
 +
"left1": {},
 +
"lr1": {},
 +
"r1": {},
 +
"right1": {},
 +
"b1": {},
 +
"t2": {},
 +
"top2": {},
 +
"l2": {},
 +
"left2": {},
 +
"lr2": {},
 +
"r2": {},
 +
"right2": {},
 +
"b2": {},
 +
"t3": {},
 +
"top3": {},
 +
"l3": {},
 +
"left3": {},
 +
"lr3": {},
 +
"r3": {},
 +
"right3": {},
 +
"b3": {},
 +
"hell": {},
 +
"style": {}
 +
},
 +
"description": "gestaltet 3 Bilder in einer Reihe"
 +
}
 +
</templatedata>
 +
</noinclude>

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

Testbild

Hiroshige asakusa fischer.jpg
Hiroshige asakusa fischer.jpg
Hiroshige asakusa fischer.jpg

gestaltet 3 Bilder in einer Reihe

Vorlagenparameter

ParameterBeschreibungTypStatus
11

keine Beschreibung

Unbekanntoptional
22

keine Beschreibung

Unbekanntoptional
33

keine Beschreibung

Unbekanntoptional
44

keine Beschreibung

Unbekanntoptional
55

keine Beschreibung

Unbekanntoptional
66

keine Beschreibung

Unbekanntoptional
Refref

keine Beschreibung

Unbekanntoptional
Captioncaption

keine Beschreibung

Unbekanntoptional
RwSmallrwSmall

switch width of imgWrap

Booleschoptional
Rhrh

keine Beschreibung

Unbekanntoptional
T1t1

keine Beschreibung

Unbekanntoptional
Top1top1

keine Beschreibung

Unbekanntoptional
L1l1

keine Beschreibung

Unbekanntoptional
Left1left1

keine Beschreibung

Unbekanntoptional
Lr1lr1

keine Beschreibung

Unbekanntoptional
R1r1

keine Beschreibung

Unbekanntoptional
Right1right1

keine Beschreibung

Unbekanntoptional
B1b1

keine Beschreibung

Unbekanntoptional
T2t2

keine Beschreibung

Unbekanntoptional
Top2top2

keine Beschreibung

Unbekanntoptional
L2l2

keine Beschreibung

Unbekanntoptional
Left2left2

keine Beschreibung

Unbekanntoptional
Lr2lr2

keine Beschreibung

Unbekanntoptional
R2r2

keine Beschreibung

Unbekanntoptional
Right2right2

keine Beschreibung

Unbekanntoptional
B2b2

keine Beschreibung

Unbekanntoptional
T3t3

keine Beschreibung

Unbekanntoptional
Top3top3

keine Beschreibung

Unbekanntoptional
L3l3

keine Beschreibung

Unbekanntoptional
Left3left3

keine Beschreibung

Unbekanntoptional
Lr3lr3

keine Beschreibung

Unbekanntoptional
R3r3

keine Beschreibung

Unbekanntoptional
Right3right3

keine Beschreibung

Unbekanntoptional
B3b3

keine Beschreibung

Unbekanntoptional
Hellhell

keine Beschreibung

Unbekanntoptional
Stylestyle

keine Beschreibung

Unbekanntoptional