Vorlage:Gallery3: Unterschied zwischen den Versionen

Version vom 6. November 2019, 08:40 Uhr

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
\| i_n=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
\| Abb_x=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}}

Untertitel
für das
Bild 1

Untertitel Bild 2

UntertitelBild3

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntaxseite erstellen.
Test-/Beispielseite erstellen.
Liste der Unterseiten.

@@ Zeile 1: / Zeile 1: @@
-<templatestyles src="Vorlage:Gallery3.css" /><br clear=all>
+<templatestyles src="Vorlage:Gallery3.css" />
 {{#vardefine: class-width_i1 | {{#switch: {{{i1|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
@@ Zeile 12: / Zeile 12: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 25: / Zeile 24: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 38: / Zeile 36: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 51: / Zeile 48: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 64: / Zeile 60: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 77: / Zeile 72: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 90: / Zeile 84: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 103: / Zeile 96: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 116: / Zeile 108: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 129: / Zeile 120: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i11 | {{#switch: {{{i11|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i11 | {{#switch: {{{i11|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 142: / Zeile 132: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i12 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i12 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 155: / Zeile 144: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i13 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i13 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 168: / Zeile 156: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 181: / Zeile 168: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 194: / Zeile 180: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i15 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i15 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 207: / Zeile 192: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i16 | {{#switch: {{{i16|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i16 | {{#switch: {{{i16|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 220: / Zeile 204: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i17 | {{#switch: {{{i17|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i17 | {{#switch: {{{i17|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 233: / Zeile 216: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i18 | {{#switch: {{{i18|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i18 | {{#switch: {{{i18|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 246: / Zeile 228: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i19 | {{#switch: {{{i19|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i19 | {{#switch: {{{i19|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 259: / Zeile 240: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#vardefine: class-width_i20 | {{#switch: {{{i209|{{{i|{{{w|3}}} }}} }}}
-{{#vardefine: class-width_i20 | {{#switch: {{{i209|{{{i|{{{w|3}}} }}} }}}
 	|1=flexelement items_1
 	|2=flexelement items_2
@@ Zeile 272: / Zeile 252: @@
 	|10%=flexelement items_10
 	}}
-}}
+}}{{#if: {{{einblenden | {{{einklappen|}}} }}} |
-{{#if: {{{einblenden | {{{einklappen|}}} }}} |
+	<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}} {{#ifeq: {{{layout|{{{dezent|}}} }}} |dezent|dezent}}"
-	<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}}"
+	data-expandtext="{{{einblenden|{{{ausklappen|ausklappen}}} }}}"
-	data-expandtext={{{ausblenden|{{{ausklappen|ausklappen}}} }}}
+	data-collapsetext="{{{ausblenden | {{{einklappen|einklappen}}} }}}"
-	data-collapsetext={{{einblenden | {{{einklappen|einklappen}}} }}}
 	id="mw-customcollapsible-Gallery"
 	><div class="mw-collapsible-content">
-}}<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|}}}|mini|hochkant=2|{{{2|1}}}]] | {{{2|}}} }}</div>
+}}<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-width_i2}}">[[Datei:{{{3|}}}|mini|hochkant=2|{{{4|2}}}]]</div>}}
+{{#if: {{{3|}}} | <div class="{{#var: class-width_i2}}">[[Datei:{{{3|}}}]]<div class="thumbcaption">{{{4|2}}}</div></div>}}
-{{#if: {{{5|}}} | <div class="{{#var: class-width_i3}}">[[Datei:{{{5|}}}|mini|hochkant=2|{{{6|3}}}]]</div>}}
+{{#if: {{{5|}}} | <div class="{{#var: class-width_i3}}">[[Datei:{{{5|}}}]]<div class="thumbcaption">{{{6|}}}</div></div>}}
-{{#if: {{{7|}}} | <div class="{{#var: class-width_i4}}">[[Datei:{{{7|}}}|mini|hochkant=2|{{{8|4}}}]]</div>}}
+{{#if: {{{7|}}} | <div class="{{#var: class-width_i4}}">[[Datei:{{{7|}}}]]<div class="thumbcaption">{{{8|4}}}</div></div>}}
-{{#if: {{{9|}}} | <div class="{{#var: class-width_i5}}">[[Datei:{{{9|}}}|mini|hochkant=2|{{{10|5}}}]]</div>}}
+{{#if: {{{9|}}} | <div class="{{#var: class-width_i5}}">[[Datei:{{{9|}}}]]<div class="thumbcaption">{{{10|5}}}</div></div>}}
-{{#if: {{{11|}}} | <div class="{{#var: class-width_i6}}">[[Datei:{{{11|}}}|mini|hochkant=2|{{{12|6}}}]]</div>}}
+{{#if:{{{11|}}}|<div class="{{#var: class-width_i6}}">[[Datei:{{{11|}}}]]<div class="thumbcaption">{{{12|6}}}</div></div>}}
-{{#if: {{{13|}}} | <div class="{{#var: class-width_i7}}">[[Datei:{{{13|}}}|mini|hochkant=2|{{{14|7}}}]]</div>}}
+{{#if: {{{13|}}} | <div class="{{#var: class-width_i7}}">[[Datei:{{{13|}}}]]<div class="thumbcaption">{{{14|7}}}</div></div>}}
-{{#if: {{{15|}}} | <div class="{{#var: class-width_i8}}">[[Datei:{{{15|}}}|mini|hochkant=2|{{{16|}}}]]</div>}}
+{{#if: {{{15|}}} | <div class="{{#var: class-width_i8}}">[[Datei:{{{15|}}}]]<div class="thumbcaption">{{{16|}}}</div></div>}}
-{{#if: {{{17|}}} | <div class="{{#var: class-width_i9}}">[[Datei:{{{17|}}}|mini|hochkant=2|{{{18|}}}]]</div>}}
+{{#if: {{{17|}}} | <div class="{{#var: class-width_i9}}">[[Datei:{{{17|}}}]]<div class="thumbcaption">{{{18|}}}</div></div>}}
-{{#if: {{{19|}}} | <div class="{{#var: class-width_10}}">[[Datei:{{{19|}}}|mini|hochkant=2|{{{20|}}}]]</div>}}
+{{#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|}}}|mini|hochkant=2|{{{22|}}}]]</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|}}}|mini|hochkant=2|{{{24|}}}]]</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|}}}|mini|hochkant=2|{{{26|}}}]]</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|}}}|mini|hochkant=2|{{{28|}}}]]</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|}}}|mini|hochkant=2|{{{30|}}}]]</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|}}}|mini|hochkant=2|{{{32|}}}]]</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|}}}|mini|hochkant=2|{{{34|}}}]]</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|}}}|mini|hochkant=2|{{{36|}}}]]</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|}}}|mini|hochkant=2|{{{38|}}}]]</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|}}}|mini|hochkant=2|{{{40|}}}]]</div>}}
+{{#if: {{{39|}}} | <div class="{{#var: class-width_i20}}">[[Datei:{{{39|}}}]]<div class="thumbcaption">{{{40|}}}</div></div>}}
 </div>
 {{#if: {{{einklappen}}} |</div></div>}}