Vorlage:W502: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| (8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 17: | Zeile 17: | ||
}}<!-- | }}<!-- | ||
| − | Standardweite Einzelbild, rw | + | Standardweite Einzelbild, stw, rw |
| − | |||
| − | -->{{#vardefine:rw | + | -->{{#vardefine:stw|{{#if:{{{max|}}}|700|500 }}}}<!-- |
| − | | {{{ | + | -->{{#vardefine:rw|{{#if:{{{max|}}}|340|240 }}}}<!-- |
| − | }}<!-- | ||
-->{{#vardefine:rw1 | {{{rw1|{{#var:rw}} }}} }}<!-- | -->{{#vardefine:rw1 | {{{rw1|{{#var:rw}} }}} }}<!-- | ||
-->{{#vardefine:rw2 | {{{rw2|{{#var:rw}} }}} }}<!-- | -->{{#vardefine:rw2 | {{{rw2|{{#var:rw}} }}} }}<!-- | ||
Prozent rw1, rw2 | Prozent rw1, rw2 | ||
| + | 240 > % von 500 | ||
| + | 340 > % von 700 | ||
-->{{#vardefine:rw1% | -->{{#vardefine:rw1% | ||
| − | | {{#expr: {{#var:rw1}}/ | + | | {{#expr: {{#var:rw1}}*100/{{#var:stw}} }} |
}}<!-- | }}<!-- | ||
| − | -->{{#vardefine:rw2% | + | -->{{#vardefine:rw2% |
| − | | {{#expr: {{#var:rw2}}/ | + | | {{#expr: {{#var:rw2}}*100/{{#var:stw}} }} |
}}<!-- | }}<!-- | ||
| Zeile 59: | Zeile 59: | ||
|<div class='bildtext caption'>{{{caption|}}}</div> | |<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='imgWrap {{{hell|}}}'><div class='i500 | + | --><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 | {{Dia | ||
| img={{#var:img1}} | | img={{#var:img1}} | ||
| Zeile 74: | Zeile 93: | ||
| r={{#var:r1}} | | r={{#var:r1}} | ||
| b={{#var:b1}} | | b={{#var:b1}} | ||
| − | | | + | | showPopup={{#var:showPopup}} |
}} | }} | ||
| − | </div> | + | </div><div class=spaceDiv></div> |
| − | <div style=' | + | <div style=''> |
{{Dia | {{Dia | ||
| img= {{#var:img2}} | | img= {{#var:img2}} | ||
| Zeile 87: | Zeile 106: | ||
| r={{#var:r2}} | | r={{#var:r2}} | ||
| b={{#var:b2}} | | b={{#var:b2}} | ||
| − | | | + | | showPopup={{#var:showPopup2}} |
| − | |||
}} | }} | ||
</div><!-- | </div><!-- | ||
| − | -->{{#var:caption}} | + | --></div>{{#var:caption}}</div><!-- |
| − | |||
CSS | CSS | ||
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%)