Vorlage:W503b: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(20 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
− | |||
Testbild | Testbild | ||
− | <div class='testbild | + | <div class='testbild'><!-- |
--><onlyinclude><!-- | --><onlyinclude><!-- | ||
Zeile 8: | 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: | ||
+ | |||
+ | -->{{#vardefine:caption | ||
+ | | {{#if: {{{caption| }}} | ||
+ | |<div class='bildtext caption' style='grid-column: span 3;'>{{{caption|}}}</div> | ||
+ | }} | ||
+ | }}<!-- | ||
Gesamtbreite | Gesamtbreite | ||
− | -->{{#vardefine:rwAll | {{{ | + | -->{{#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: |
− | | {{{rw|{{{ | + | -->{{#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: | + | -->{{#vardefine:showPopup |
− | |{{# | + | | {{#ifeq:{{{noviewer|}}}|1 |
− | | | + | | 0 |
+ | | {{{ref|0}}} | ||
+ | }} | ||
}}<!-- | }}<!-- | ||
+ | -->{{#vardefine:showPopup2 | ||
+ | | {{#var:showPopup}} | ||
+ | }}<!-- | ||
+ | -->{{#vardefine:showPopup3 | ||
+ | | {{#var:showPopup}} | ||
+ | }}<!-- | ||
HTML | HTML | ||
− | --><div class=' | + | --><div class='imgWrap {{{hell|}}}'><!-- |
− | + | --><div class='i500 {{#var:max}}' style=' | |
− | <div | + | display: grid; |
− | {{ | + | grid-template-columns: repeat(3, min(14rem,31%)); |
− | | {{#var:img1}} | + | 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}} |
− | | {{#var:img2}} | + | | 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}} |
− | | {{#var:img3}} | + | | 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 | Vorlage Ende | ||
− | --></onlyinclude></div> | + | --></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 |