KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<templatestyles src="Vorlage: | <templatestyles src="Vorlage:Gallery3.css" /> | ||
{{#vardefine: class- | {{#vardefine: class-width_i1 | {{#switch: {{{i1|{{{i|{{{w|3}}} }}} }}} | ||
|1=flexelement items_1 | |1=flexelement items_1 | ||
|2=flexelement items_2 | |2=flexelement items_2 | ||
Zeile 12: | Zeile 12: | ||
|10%=flexelement items_10 | |10%=flexelement items_10 | ||
}} | }} | ||
}} | }}{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}} | ||
{{#if: {{{einklappen}}} | | |1=flexelement items_1 | ||
<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}}" | |2=flexelement items_2 | ||
data-expandtext={{{ausklappen|ausklappen}}} | |3=flexelement items_3 | ||
data-collapsetext={{{einklappen|einklappen}}} | |4=flexelement items_4 | ||
id="mw-customcollapsible-Gallery | |5=flexelement items_5 | ||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i11 | {{#switch: {{{i11|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i12 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i13 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i15 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i16 | {{#switch: {{{i16|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i17 | {{#switch: {{{i17|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i18 | {{#switch: {{{i18|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i19 | {{#switch: {{{i19|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#vardefine: class-width_i20 | {{#switch: {{{i20|{{{i|{{{w|3}}} }}} }}} | |||
|1=flexelement items_1 | |||
|2=flexelement items_2 | |||
|3=flexelement items_3 | |||
|4=flexelement items_4 | |||
|5=flexelement items_5 | |||
|6=flexelement items_6 | |||
|7=flexelement items_7 | |||
|8=flexelement items_8 | |||
|9=flexelement items_9 | |||
|10%=flexelement items_10 | |||
}} | |||
}}{{#if: {{{einblenden | {{{einklappen|}}} }}} | | |||
<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}} {{#ifeq: {{{layout|{{{dezent|}}} }}} |dezent|dezent}}" | |||
data-expandtext="{{{einblenden|{{{ausklappen|ausklappen}}} }}}" | |||
data-collapsetext="{{{ausblenden | {{{einklappen|einklappen}}} }}}" | |||
id="mw-customcollapsible-Gallery" | |||
><div class="mw-collapsible-content"> | ><div class="mw-collapsible-content"> | ||
}}<div class="flexbox"><div class="{{#var: class- | }}<div class="flexbox"><div class="{{#var: class-width_i1}}" {{#if:{{{1|}}}||style="border: 1px solid white; background: white; text-align:left;"}}>{{#if:{{{1|}}} | [[Datei:{{{1|}}}]]<div class="thumbcaption">{{{2|1}}}</div>|{{{2|}}} }}</div> | ||
{{#if: {{{3|}}} | <div class="{{#var: class- | {{#if: {{{3|}}} | <div class="{{#var: class-width_i2}}">[[Datei:{{{3|}}}]]<div class="thumbcaption">{{{4|2}}}</div></div>}} | ||
{{#if: {{{5|}}} | <div class="{{#var: class- | {{#if: {{{5|}}} | <div class="{{#var: class-width_i3}}">[[Datei:{{{5|}}}]]<div class="thumbcaption">{{{6|}}}</div></div>}} | ||
{{#if: {{{7|}}} | <div class="{{#var: class- | {{#if: {{{7|}}} | <div class="{{#var: class-width_i4}}">[[Datei:{{{7|}}}]]<div class="thumbcaption">{{{8|4}}}</div></div>}} | ||
{{#if: {{{9|}}} | <div class="{{#var: class- | {{#if: {{{9|}}} | <div class="{{#var: class-width_i5}}">[[Datei:{{{9|}}}]]<div class="thumbcaption">{{{10|5}}}</div></div>}} | ||
{{#if: {{{11|}}} | <div class="{{#var: class- | {{#if:{{{11|}}}|<div class="{{#var: class-width_i6}}">[[Datei:{{{11|}}}]]<div class="thumbcaption">{{{12|6}}}</div></div>}} | ||
{{#if: {{{ | {{#if: {{{13|}}} | <div class="{{#var: class-width_i7}}">[[Datei:{{{13|}}}]]<div class="thumbcaption">{{{14|7}}}</div></div>}} | ||
{{#if: {{{ | {{#if: {{{15|}}} | <div class="{{#var: class-width_i8}}">[[Datei:{{{15|}}}]]<div class="thumbcaption">{{{16|}}}</div></div>}} | ||
{{#if: {{{ | {{#if: {{{17|}}} | <div class="{{#var: class-width_i9}}">[[Datei:{{{17|}}}]]<div class="thumbcaption">{{{18|}}}</div></div>}} | ||
{{#if: {{{ | {{#if: {{{19|}}} | <div class="{{#var: class-width_i10}}">[[Datei:{{{19|}}}]]<div class="thumbcaption">{{{20|}}}</div></div>}} | ||
{{#if: {{{21|}}} | <div class="{{#var: class-width_i11}}">[[Datei:{{{21|}}}]]<div class="thumbcaption">{{{22|}}}</div></div>}} | |||
{{#if: {{{23|}}} | <div class="{{#var: class-width_i12}}">[[Datei:{{{23|}}}]]<div class="thumbcaption">{{{24|}}}</div></div>}} | |||
{{#if: {{{25|}}} | <div class="{{#var: class-width_i13}}">[[Datei:{{{25|}}}]]<div class="thumbcaption">{{{26|}}}</div></div>}} | |||
{{#if: {{{27|}}} | <div class="{{#var: class-width_i14}}">[[Datei:{{{27|}}}]]<div class="thumbcaption">{{{28|}}}</div></div>}} | |||
{{#if: {{{29|}}} | <div class="{{#var: class-width_i15}}">[[Datei:{{{29|}}}]]<div class="thumbcaption">{{{30|}}}</div></div>}} | |||
{{#if: {{{31|}}} | <div class="{{#var: class-width_i16}}">[[Datei:{{{31|}}}]]<div class="thumbcaption">{{{32|}}}</div></div>}} | |||
{{#if: {{{33|}}} | <div class="{{#var: class-width_i17}}">[[Datei:{{{33|}}}]]<div class="thumbcaption">{{{34|}}}</div></div>}} | |||
{{#if: {{{35|}}} | <div class="{{#var: class-width_i18}}">[[Datei:{{{35|}}}]]<div class="thumbcaption">{{{36|}}}</div></div>}} | |||
{{#if: {{{37|}}} | <div class="{{#var: class-width_i19}}">[[Datei:{{{37|}}}]]<div class="thumbcaption">{{{38|}}}</div></div>}} | |||
{{#if: {{{39|}}} | <div class="{{#var: class-width_i20}}">[[Datei:{{{39|}}}]]<div class="thumbcaption">{{{40|}}}</div></div>}} | |||
</div> | </div> | ||
{{#if: {{{einklappen}} |</div></div>}} | {{#if: {{{einklappen}}} |</div></div>}} | ||
<noinclude> | <noinclude> | ||
{{Dokumentation}} | {{Dokumentation}} | ||
</noinclude> | </noinclude> |
Version vom 5. Februar 2020, 12:35 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}}
|