Vorlage:Gallery3: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 8. Dezember 2025, 09:42 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}}

Abb.1

Untertitel
für das
Bild 1

Abb.2

Untertitel Bild 2

Abb.3

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" />{{#if:{{{1|}}}|{{var|Abb1|Abb.1|Fig.1}}{{var|Abb2|Abb.2|Fig.2}}
+<templatestyles src="Vorlage:Gallery3.css" /><div class=none>{{#if:{{{1|}}}
-{{var|Abb3|Abb.3|Fig.3}}
+	| {{var|offset|{{{offset|0}}} }}
-{{var|Abb4|Abb.4|Fig.4}}
+	  {{var|Abb1|Abb.{{#expr:{{{offset|}}} + 1}}|Fig.{{#expr:{{{offset|}}} + 1}}}}
-{{var|Abb5|Abb.5|Fig.5}}
+	| {{var|offset|{{{offset|1}}} }}
-{{var|Abb6|Abb.6|Fig.6}}
+	{{var|Abb1||}}
-{{var|Abb7|Abb.7|Fig.7}}
-{{var|Abb8|Abb.8|Fig.8}}
-{{var|Abb9|Abb.9|Fig.9}}
-{{var|Abb10|Abb.10|Fig.10}}
-{{var|Abb11|Abb.11|Fig.11}}
-{{var|Abb12|Abb.12|Fig.12}}
-{{var|Abb13|Abb.13|Fig.13}}
-{{var|Abb14|Abb.14|Fig.14}}
-{{var|Abb15|Abb.15|Fig.15}}
-{{var|Abb16|Abb.16|Fig.16}}
-{{var|Abb17|Abb.17|Fig.17}}
-{{var|Abb18|Abb.18|Fig.18}}
-{{var|Abb19|Abb.19|Fig.19}}
-{{var|Abb20|Abb.20|Fig.20}}
-{{var|Abb21|Abb.21|Fig.21}}
-{{var|Abb22|Abb.22|Fig.22}}
-{{var|Abb23|Abb.23|Fig.23}}
-{{var|Abb24|Abb.24|Fig.24}}
-{{var|Abb25|Abb.25|Fig.25}}
-| {{var|Abb1||}}
-{{var|Abb2|Abb.1|Fig.1}}
-{{var|Abb3|Abb.2|Fig.2}}
-{{var|Abb4|Abb.3|Fig.3}}
-{{var|Abb5|Abb.4|Fig.4}}
-{{var|Abb6|Abb.5|Fig.5}}
-{{var|Abb7|Abb.6|Fig.6}}
-{{var|Abb8|Abb.7|Fig.7}}
-{{var|Abb9|Abb.8|Fig.8}}
-{{var|Abb10|Abb.9|Fig.9}}
-{{var|Abb11|Abb.10|Fig.10}}
-{{var|Abb12|Abb.11|Fig.11}}
-{{var|Abb13|Abb.12|Fig.12}}
-{{var|Abb14|Abb.13|Fig.13}}
-{{var|Abb15|Abb.14|Fig.14}}
-{{var|Abb16|Abb.15|Fig.15}}
-{{var|Abb17|Abb.16|Fig.16}}
-{{var|Abb18|Abb.17|Fig.17}}
-{{var|Abb19|Abb.18|Fig.18}}
-{{var|Abb20|Abb.19|Fig.19}}
-{{var|Abb21|Abb.20|Fig.20}}
-{{var|Abb22|Abb.21|Fig.21}}
-{{var|Abb23|Abb.22|Fig.22}}
-{{var|Abb24|Abb.23|Fig.23}}
-{{var|Abb25|Abb.24|Fig.24}}
 }}
+{{var|Abb2|Abb.{{#expr:{{{offset|}}} + 2}} | Fig.{{#expr:{{{offset|}}} + 2}} }}
+{{var|Abb3|Abb.{{#expr:{{{offset|}}} + 3}} | Fig.{{#expr:{{{offset|}}} + 3}} }}
+{{var|Abb4|Abb.{{#expr:{{{offset|}}} + 4}} | Fig.{{#expr:{{{offset|}}} + 4}} }}
+{{var|Abb5|Abb.{{#expr:{{{offset|}}} + 5}} | Fig.{{#expr:{{{offset|}}} + 5}} }}
+{{var|Abb6|Abb.{{#expr:{{{offset|}}} + 6}} | Fig.{{#expr:{{{offset|}}} + 6}} }}
+{{var|Abb7|Abb.{{#expr:{{{offset|}}} + 7}} | Fig.{{#expr:{{{offset|}}} + 7}} }}
+{{var|Abb8|Abb.{{#expr:{{{offset|}}} + 8}} | Fig.{{#expr:{{{offset|}}} + 8}} }}
+{{var|Abb9|Abb.{{#expr:{{{offset|}}} + 9}} | Fig.{{#expr:{{{offset|}}} + 9}} }}
+{{var|Abb10|Abb.{{#expr:{{{offset|}}} + 10}} | Fig.{{#expr:{{{offset|}}} + 10}} }}
+{{var|Abb11|Abb.{{#expr:{{{offset|}}} + 11}} | Fig.{{#expr:{{{offset|}}} + 11}} }}
+{{var|Abb12|Abb.{{#expr:{{{offset|}}} + 12}} | Fig.{{#expr:{{{offset|}}} + 12}} }}
+{{var|Abb13|Abb.{{#expr:{{{offset|}}} + 13}} | Fig.{{#expr:{{{offset|}}} + 13}} }}
+{{var|Abb14|Abb.{{#expr:{{{offset|}}} + 14}} | Fig.{{#expr:{{{offset|}}} + 14}} }}
+{{var|Abb15|Abb.{{#expr:{{{offset|}}} + 15}} | Fig.{{#expr:{{{offset|}}} + 15}} }}
+{{var|Abb16|Abb.{{#expr:{{{offset|}}} + 16}} | Fig.{{#expr:{{{offset|}}} + 16}} }}
+{{var|Abb17|Abb.{{#expr:{{{offset|}}} + 17}} | Fig.{{#expr:{{{offset|}}} + 17}} }}
+{{var|Abb18|Abb.{{#expr:{{{offset|}}} + 18}} | Fig.{{#expr:{{{offset|}}} + 18}} }}
+{{var|Abb19|Abb.{{#expr:{{{offset|}}} + 19}} | Fig.{{#expr:{{{offset|}}} + 19}} }}
+{{var|Abb20|Abb.{{#expr:{{{offset|}}} + 20}} | Fig.{{#expr:{{{offset|}}} + 20}} }}
+{{var|Abb21|Abb.{{#expr:{{{offset|}}} + 21}} | Fig.{{#expr:{{{offset|}}} + 21}} }}
+{{var|Abb22|Abb.{{#expr:{{{offset|}}} + 22}} | Fig.{{#expr:{{{offset|}}} + 22}} }}
+{{var|Abb23|Abb.{{#expr:{{{offset|}}} + 23}} | Fig.{{#expr:{{{offset|}}} + 23}} }}
+{{var|Abb24|Abb.{{#expr:{{{offset|}}} + 24}} | Fig.{{#expr:{{{offset|}}} + 24}} }}
+{{var|Abb25|Abb.{{#expr:{{{offset|}}} + 25}} | Fig.{{#expr:{{{offset|}}} + 25}} }}
 {{var	| Abb
 		| Abb.
@@ Zeile 393: / Zeile 373: @@
 	|left=flexelement items_left
 	}}
-}}{{#if: {{{einblenden | {{{einklappen|}}} }}} |
+}}</div>{{#if: {{{einblenden | {{{einklappen|}}} }}} |
 	<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}} {{{layout|{{{dezent|}}} }}}"
 	data-expandtext="{{{einblenden|{{{ausklappen|ausklappen}}} }}}"