Vorlage:W503b: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(28 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | + | Testbild | |
− | + | <div class='testbild'><!-- | |
− | + | --><onlyinclude><!-- | |
− | --> | ||
− | |||
− | |||
+ | Bilder | ||
− | --> | + | -->{{#vardefine: img1 |{{{1|hiroshige_asakusa_fischer.jpg}}} }}<!-- |
− | --> | + | -->{{#vardefine: img2 |{{{2|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: | |
− | | | + | |
− | | | + | -->{{#vardefine:caption |
− | |< | + | | {{#if: {{{caption| }}} |
− | }} | + | |<div class='bildtext caption' style='grid-column: span 3;'>{{{caption|}}}</div> |
− | < | + | }} |
− | + | }}<!-- | |
− | | {{{ | + | |
− | | | + | Gesamtbreite |
− | + | ||
− | | | + | -->{{#vardefine:rwAll | {{#if:{{{rwSmall|}}}|500|700}} }}<!-- |
− | | | + | |
− | | | + | Standardweite Einzelbild, rw |
− | + | ||
− | }} | + | -->{{#vardefine:rw | {{#expr: {{#expr: {{#var:rwAll}}*31/100 }} round 0 }} }}<!-- leider notwendig: |
− | < | + | -->{{#vardefine:rw2 | {{#var:rw}} }}<!-- |
− | {{# | + | -->{{#vardefine:rw3 | {{#var:rw}} }}<!-- |
− | + | ||
− | + | Standardhöhe, rh | |
− | + | ||
− | + | -->{{#vardefine:rh| {{#if: {{{rh|}}} | {{{rh|}}} | {{#var:rw}} }} }}<!-- leider notwendig: | |
− | }}</ | + | -->{{#vardefine:rh2| {{#var:rh}} }}<!-- |
+ | -->{{#vardefine:rh3| {{#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|}}} }}<!-- | ||
+ | |||
+ | -->{{#vardefine:t3|{{{t3|{{{top3|}}} }}} }}<!-- | ||
+ | -->{{#vardefine:l3|{{{l3|{{{left3|{{{lr3|0}}} }}} }}} }}<!-- | ||
+ | -->{{#vardefine:r3|{{{r3|{{{right3|{{{lr3|0}}} }}} }}} }}<!-- | ||
+ | -->{{#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 | ||
+ | |||
+ | --><div class='imgWrap {{{hell|}}}'><!-- | ||
+ | --><div class='i500 {{#var:max}}' style=' | ||
+ | display: grid; | ||
+ | grid-template-columns: repeat(3, min(14rem,31%)); | ||
+ | justify-content: space-{{#var:justifySpace}}; | ||
+ | {{{style|}}}'><!-- | ||
+ | --><div><!-- | ||
+ | -->{{Dia | ||
+ | | img={{#var:img1}} | ||
+ | | text={{#var:text1}} | ||
+ | | rw={{#var:rw}} | ||
+ | | rh={{#var:rh}} | ||
+ | | t={{#var:t1}} | ||
+ | | l={{#var:l1}} | ||
+ | | r={{#var:r1}} | ||
+ | | b={{#var:b1}} | ||
+ | | showPopup={{#var:showPopup}} | ||
+ | }}</div><!-- | ||
+ | --><div><!-- | ||
+ | -->{{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><!-- | ||
+ | -->{{Dia | ||
+ | | img={{#var:img3}} | ||
+ | | text={{#var:text3}} | ||
+ | | rw={{#var:rw3}} | ||
+ | | rh={{#var:rh3}} | ||
+ | | t={{#var:t3}} | ||
+ | | l={{#var:l3}} | ||
+ | | r={{#var:r3}} | ||
+ | | b={{#var:b3}} | ||
+ | | showPopup={{#var:showPopup3}} | ||
+ | }}</div>{{#var:caption}}<!-- | ||
+ | |||
+ | Vorlage Ende | ||
+ | |||
+ | --></div></div></onlyinclude></div> | ||
+ | <noinclude> | ||
+ | <templatedata> | ||
+ | { | ||
+ | "params": { | ||
+ | "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
gestaltet 3 Bilder in einer Reihe
Parameter | Beschreibung | Typ | Status | |
---|---|---|---|---|
1 | 1 | keine Beschreibung | Unbekannt | optional |
2 | 2 | keine Beschreibung | Unbekannt | optional |
3 | 3 | keine Beschreibung | Unbekannt | optional |
4 | 4 | keine Beschreibung | Unbekannt | optional |
5 | 5 | keine Beschreibung | Unbekannt | optional |
6 | 6 | keine Beschreibung | Unbekannt | optional |
Ref | ref | keine Beschreibung | Unbekannt | optional |
Caption | caption | keine Beschreibung | Unbekannt | optional |
RwSmall | rwSmall | switch width of imgWrap | Boolesch | optional |
Rh | rh | keine Beschreibung | Unbekannt | optional |
T1 | t1 | keine Beschreibung | Unbekannt | optional |
Top1 | top1 | keine Beschreibung | Unbekannt | optional |
L1 | l1 | keine Beschreibung | Unbekannt | optional |
Left1 | left1 | keine Beschreibung | Unbekannt | optional |
Lr1 | lr1 | keine Beschreibung | Unbekannt | optional |
R1 | r1 | keine Beschreibung | Unbekannt | optional |
Right1 | right1 | keine Beschreibung | Unbekannt | optional |
B1 | b1 | keine Beschreibung | Unbekannt | optional |
T2 | t2 | keine Beschreibung | Unbekannt | optional |
Top2 | top2 | keine Beschreibung | Unbekannt | optional |
L2 | l2 | keine Beschreibung | Unbekannt | optional |
Left2 | left2 | keine Beschreibung | Unbekannt | optional |
Lr2 | lr2 | keine Beschreibung | Unbekannt | optional |
R2 | r2 | keine Beschreibung | Unbekannt | optional |
Right2 | right2 | keine Beschreibung | Unbekannt | optional |
B2 | b2 | keine Beschreibung | Unbekannt | optional |
T3 | t3 | keine Beschreibung | Unbekannt | optional |
Top3 | top3 | keine Beschreibung | Unbekannt | optional |
L3 | l3 | keine Beschreibung | Unbekannt | optional |
Left3 | left3 | keine Beschreibung | Unbekannt | optional |
Lr3 | lr3 | keine Beschreibung | Unbekannt | optional |
R3 | r3 | keine Beschreibung | Unbekannt | optional |
Right3 | right3 | keine Beschreibung | Unbekannt | optional |
B3 | b3 | keine Beschreibung | Unbekannt | optional |
Hell | hell | keine Beschreibung | Unbekannt | optional |
Style | style | keine Beschreibung | Unbekannt | optional |