KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 15: | Zeile 15: | ||
| left=flexelement items_left | | left=flexelement items_left | ||
}} | }} | ||
}}{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}} | }}{{#vardefine: class-width_i2 |{{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}} | ||
|1=flexelement items_1 | |1=flexelement items_1 {{{class-cell2}}} | ||
|2=flexelement items_2 | |2=flexelement items_2 {{{class-cell2}}} | ||
|3=flexelement items_3 | |3=flexelement items_3 {{{class-cell2}}} | ||
|4=flexelement items_4 | |4=flexelement items_4 {{{class-cell2}}} | ||
|5=flexelement items_5 | |5=flexelement items_5 {{{class-cell2}}} | ||
|6=flexelement items_6 | |6=flexelement items_6 {{{class-cell2}}} | ||
|7=flexelement items_7 | |7=flexelement items_7 {{{class-cell2}}} | ||
|8=flexelement items_8 | |8=flexelement items_8 {{{class-cell2}}} | ||
|9=flexelement items_9 | |9=flexelement items_9 {{{class-cell2}}} | ||
|10=flexelement items_10 | |10=flexelement items_10 {{{class-cell2}}} | ||
|left=flexelement items_left | |left=flexelement items_left {{{class-cell2}}} | ||
}} | }} | ||
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}} | }}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}} | ||
|1=flexelement items_1 | |1=flexelement items_1 {{{class-cell3}}} | ||
|2=flexelement items_2 | |2=flexelement items_2 {{{class-cell3}}} | ||
|3=flexelement items_3 | |3=flexelement items_3 {{{class-cell3}}} | ||
|4=flexelement items_4 | |4=flexelement items_4 {{{class-cell3}}} | ||
|5=flexelement items_5 | |5=flexelement items_5 {{{class-cell3}}} | ||
|6=flexelement items_6 | |6=flexelement items_6 {{{class-cell3}}} | ||
|7=flexelement items_7 | |7=flexelement items_7 {{{class-cell3}}} | ||
|8=flexelement items_8 | |8=flexelement items_8 {{{class-cell3}}} | ||
|9=flexelement items_9 | |9=flexelement items_9 {{{class-cell3}}} | ||
|10=flexelement items_10 | |10=flexelement items_10 {{{class-cell3}}} | ||
|left=flexelement items_left | |left=flexelement items_left {{{class-cell3}}} | ||
}} | }} | ||
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}} | }}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}} | ||
|1=flexelement items_1 | |1=flexelement items_1 {{{class-cell4}}} | ||
|2=flexelement items_2 | |2=flexelement items_2 {{{class-cell4}}} | ||
|3=flexelement items_3 | |3=flexelement items_3 {{{class-cell4}}} | ||
|4=flexelement items_4 | |4=flexelement items_4 {{{class-cell4}}} | ||
|5=flexelement items_5 | |5=flexelement items_5 {{{class-cell4}}} | ||
|6=flexelement items_6 | |6=flexelement items_6 {{{class-cell4}}} | ||
|7=flexelement items_7 | |7=flexelement items_7 {{{class-cell4}}} | ||
|8=flexelement items_8 | |8=flexelement items_8 {{{class-cell4}}} | ||
|9=flexelement items_9 | |9=flexelement items_9 {{{class-cell4}}} | ||
|10=flexelement items_10 | |10=flexelement items_10 {{{class-cell4}}} | ||
|left=flexelement items_left | |left=flexelement items_left {{{class-cell4}}} | ||
}} | }} | ||
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}} | }}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}} | ||
| Zeile 337: | Zeile 337: | ||
id="mw-customcollapsible-Gallery{{{id|}}}" | id="mw-customcollapsible-Gallery{{{id|}}}" | ||
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<div class="mw-collapsible-content"> | >{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<div class="mw-collapsible-content"> | ||
}}<div class="flexbox {{{class|}}}"><div class="{{#var: class-width_i1}} {{#if:{{{1|}}}||{{{class-cell1|whitecell}}} }}">{{#if:{{{1|}}} | [[Datei:{{{1|}}}|{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https|link={{#if:||{{{2 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb1|{{#if:{{{Abb|}}}|{{#var:Abb}}1}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https||{{{2 |}}} }}</div></div>|{{{2|}}} }}</div> | }}<div class="flexbox {{{class|}}}"><div class="{{#var: class-width_i1}} {{#if:{{{1|}}}|{{{class-cell1|}}}|{{{class-cell1|whitecell}}} }}">{{#if:{{{1|}}} | [[Datei:{{{1|}}}|{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https|link={{#if:||{{{2 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb1|{{#if:{{{Abb|}}}|{{#var:Abb}}1}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https||{{{2 |}}} }}</div></div>|{{{2|}}} }}</div> | ||
{{#if: {{{3|}}} | <div class="{{#var: class-width_i2 }}">[[Datei: {{{3 |}}}|{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https|link={{#if:||{{{4 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb2 |{{#if:{{{Abb|}}}|{{#var:Abb}}2}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https||{{{4 |}}} }}</div></div></div>}} | {{#if: {{{3|}}} | <div class="{{#var: class-width_i2 }}">[[Datei: {{{3 |}}}|{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https|link={{#if:||{{{4 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb2 |{{#if:{{{Abb|}}}|{{#var:Abb}}2}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https||{{{4 |}}} }}</div></div></div>}} | ||
{{#if: {{{5|}}} | <div class="{{#var: class-width_i3 }}">[[Datei: {{{5 |}}}|{{#ifeq: {{#sub:{{{6 |}}}|0|5}} |https|link={{#if:||{{{6 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb3 |{{#if:{{{Abb|}}}|{{#var:Abb}}3}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{6 |}}}|0|5}} |https||{{{6 |}}} }}</div></div></div>}} | {{#if: {{{5|}}} | <div class="{{#var: class-width_i3 }}">[[Datei: {{{5 |}}}|{{#ifeq: {{#sub:{{{6 |}}}|0|5}} |https|link={{#if:||{{{6 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb3 |{{#if:{{{Abb|}}}|{{#var:Abb}}3}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{6 |}}}|0|5}} |https||{{{6 |}}} }}</div></div></div>}} | ||
Version vom 6. Juli 2023, 15:06 Uhr
Syntax: Vorlage:Gallery3/Syntax
Stellt bis zu 25 Bilder insgesamt und bis zu 10 Bilder nebeneinander dar.
Die Legende muss, außer beim letzten Bild, zwingend angegeben werden ggf. als leerer Parameter: {{ Gallery | Bildname1.png | | Bildname2.png }}
Anstelle des ersten Bildes kann ein leerer Parameter übergeben werden, um in der Beschreibung einen längeren Text einzugeben.
| Optionale Parameter | Wert | Default |
|---|---|---|
| | i=n | Bildbreite: n=Anzahl der Bilder, die nebeneinander angezeigt werden sollen | 3 |
| | in=4 | individuelle Bildbreite für Bild n= 1 - 10 | i |
| | einblenden=zeig | Beschriftung der Schaltfläche | ausklappen |
| | ausblenden=weg damit | Beschriftung der Schaltfläche | einklappen |
| | collapsed=true | Eingeklappt darstellen | false |
| | layout=dezent | dezente Darstellung bigdezent → dezente Darstellung mit Rahmen |
default
|
| | Vorschau=step-by-step.png | dezente Darstellung  |
default
|
| | Abbx=Abb.1 | Beschriftung immer direkt unter dem Bild Wid mit der css-Klasse Abb formatiert |
|
| | Abb=true | Es wird automatisch jedes Bild mit der Beschriftung Abb.x fortlaufend numeriert | |
| | id | Null | id=2 → id="mw-customcollapsible-Inhalte2" Um den Bereich, der eingeblendet oder ausgeblendet werden soll eindeutig zu identifizieren wird das tag id="mw-customcollapsible-Inhalte" verwendet. Soll nun ein ausklappbarer Bereich verschachtelt werden, muss der zweite Bereich mit id="mw-customcollapsible-Inhalte2" getagt werden. Das verhindert ein ungewolltes einblenden der Verschachtelung. |
Die Bilder erscheinen rechtsbündig. Nach der Vorlage kann Text eingegeben werden, der links von den Bildern angezeigt wird.
{{Gallery3 | UMA_v3.0_Login_Admin.png | Untertitel <br>für das<br>Bild 1 | Abb1=Abb.1 | UMA_v3.0_Login_Admin.png | Untertitel Bild 2 | Abb2=Abb.2| UMA_v3.0_Login_Admin.png | Untertitel Bild3 | Abb3=Abb.3 | i=3}}
Abb.1
Untertitel
für das
Bild 1
für das
Bild 1
Abb.2
Untertitel Bild 2
Abb.3
UntertitelBild3
|
|