Vorlage:W502: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(49 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | |||
Testbild | Testbild | ||
− | <div class='testbild | + | <div class='testbild'><!-- |
--><onlyinclude><!-- | --><onlyinclude><!-- | ||
Zeile 7: | Zeile 6: | ||
-->{{#vardefine: img1 |{{{1|kasuga_lanterns3.jpg}}} }}<!-- | -->{{#vardefine: img1 |{{{1|kasuga_lanterns3.jpg}}} }}<!-- | ||
− | -->{{#vardefine: img2 |{{{2|kasuga4.jpg}}} }}<!-- | + | -->{{#vardefine: img2 |{{{2|kasuga4.jpg}}} }}<!-- |
− | + | Bildtext kurz | |
− | -->{{#vardefine: | + | -->{{#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% | -->{{#vardefine:rw1% | ||
− | | {{# | + | | {{#expr: {{#var:rw1}}*100/{{#var:stw}} }} |
− | + | }}<!-- | |
+ | -->{{#vardefine:rw2% | ||
+ | | {{#expr: {{#var:rw2}}*100/{{#var:stw}} }} | ||
+ | }}<!-- | ||
Standardhöhe, rh | Standardhöhe, rh | ||
− | -->{{#vardefine:rh | {{{rh| | + | -->{{#vardefine:rh | {{{rh|250}}} }}<!-- |
− | -->{{#vardefine:rh1 | {{{rh1 | + | -->{{#vardefine:rh1 | {{{rh1|{{#var:rh}} }}} }}<!-- |
− | -->{{#vardefine:rh2 | {{{rh2 | + | -->{{#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: | + | -->{{#vardefine:t2|{{{t2|{{{top2|}}}}}}}}<!-- |
− | |{{ | + | -->{{#vardefine:l2|{{{l2|{{{left2|{{{lr2|0}}}}}}}}}}}<!-- |
− | }}<!-- | + | -->{{#vardefine:r2|{{{r2|{{{right2|{{{lr2|0}}}}}}}}}}}<!-- |
+ | -->{{#vardefine:b2|{{{b2|}}}}}<!-- | ||
Caption: | Caption: | ||
-->{{#vardefine:caption | -->{{#vardefine:caption | ||
− | |{{#if: {{{caption| }}} | + | | {{#if: {{{caption| }}} |
− | |<div class= 'bildtext 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 | HTML | ||
− | --><div class=' | + | --><div class='imgWrap {{{hell|}}}'><div class='i500 {{#var:max}}' style=' |
− | + | display:grid; | |
− | {{ | + | grid-template-columns: {{#var:rw1}}fr 20fr {{#var:rw2}}fr; |
− | | {{#var:img1}} | + | '> |
− | | {{ | + | <div style=''> |
− | | rw= | + | {{Dia |
− | | rh= | + | | 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><!-- |
− | + | --></div>{{#var:caption}}</div><!-- | |
− | + | ||
− | + | CSS | |
− | + | ||
− | + | -->{{#css: | |
− | + | }}<!-- | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | -->{{# | ||
Vorlage Ende | Vorlage Ende | ||
Zeile 81: | Zeile 121: | ||
---- | ---- | ||
Parameter: | Parameter: | ||
− | : Div: hell | + | : Div: hell |
− | : Bilder: | + | : Bilder: rw, rh |
− | : Bild1: 1, w1, rw1, rh1, | + | : Bild1: 1, w1, rw1, rh1, t1, r1, l1, lr1 |
− | : Bild2: 2, w2, rw2, rh2, | + | : Bild2: 2, w2, rw2, rh2, t2, r2, l2, lr2 |
− | : Text: 3, 4, caption, ref | + | : 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
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%)