Vorlage:Gallery3: Unterschied zwischen den Versionen

Version vom 22. September 2020, 22:30 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 264: / Zeile 264: @@
 {{#if: {{{9|}}}  | <div class="{{#var: class-width_i5}}">[[Datei: {{{9 |}}}|{{#ifeq: {{#sub:{{{10|}}}|0|5}} |https|link={{#if:||{{{10|}}} }} }}|{{{10|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{10|}}}|0|5}} |https||{{{10|}}} }}</div></div>}}
 {{#if: {{{11|}}} | <div class="{{#var: class-width_i6}}">[[Datei: {{{11|}}}|{{#ifeq: {{#sub:{{{12|}}}|0|5}} |https|link={{#if:||{{{12|}}} }} }}|{{{12|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{12|}}}|0|5}} |https||{{{12|}}} }}</div></div>}}
-{{#if: {{{13|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{13|}}}|{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https|link={{#if:||{{{14|}}} }} }}|{{{14|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https||{{{14|}}} }}</div></div>}}
+{{#if: {{{13|}}} | <div class="{{#var: class-width_i7}}">[[Datei: {{{13|}}}|{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https|link={{#if:||{{{14|}}} }} }}|{{{14|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https||{{{14|}}} }}</div></div>}}
-{{#if: {{{15|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{15|}}}|{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https|link={{#if:||{{{16|}}} }} }}|{{{16|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https||{{{16|}}} }}</div></div>}}
+{{#if: {{{15|}}} | <div class="{{#var: class-width_i8}}">[[Datei: {{{15|}}}|{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https|link={{#if:||{{{16|}}} }} }}|{{{16|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https||{{{16|}}} }}</div></div>}}
-{{#if: {{{17|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{17|}}}|{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https|link={{#if:||{{{18|}}} }} }}|{{{18|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https||{{{18|}}} }}</div></div>}}
+{{#if: {{{17|}}} | <div class="{{#var: class-width_i9}}">[[Datei: {{{17|}}}|{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https|link={{#if:||{{{18|}}} }} }}|{{{18|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https||{{{18|}}} }}</div></div>}}
-{{#if: {{{19|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{19|}}}|{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https|link={{#if:||{{{20|}}} }} }}|{{{20|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https||{{{20|}}} }}</div></div>}}
+{{#if: {{{19|}}} | <div class="{{#var: class-width_i10}}">[[Datei: {{{19|}}}|{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https|link={{#if:||{{{20|}}} }} }}|{{{20|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https||{{{20|}}} }}</div></div>}}
-{{#if: {{{21|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{21|}}}|{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https|link={{#if:||{{{22|}}} }} }}|{{{22|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https||{{{22|}}} }}</div></div>}}
+{{#if: {{{21|}}} | <div class="{{#var: class-width_i11}}">[[Datei: {{{21|}}}|{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https|link={{#if:||{{{22|}}} }} }}|{{{22|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https||{{{22|}}} }}</div></div>}}
-{{#if: {{{23|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{23|}}}|{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https|link={{#if:||{{{24|}}} }} }}|{{{24|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https||{{{24|}}} }}</div></div>}}
+{{#if: {{{23|}}} | <div class="{{#var: class-width_i}}">[[Datei: {{{23|}}}|{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https|link={{#if:||{{{24|}}} }} }}|{{{24|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https||{{{24|}}} }}</div></div>}}
-{{#if: {{{25|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{25|}}}|{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https|link={{#if:||{{{26|}}} }} }}|{{{26|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https||{{{26|}}} }}</div></div>}}
+{{#if: {{{25|}}} | <div class="{{#var: class-width_i13}}">[[Datei: {{{25|}}}|{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https|link={{#if:||{{{26|}}} }} }}|{{{26|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https||{{{26|}}} }}</div></div>}}
-{{#if: {{{27|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{27|}}}|{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https|link={{#if:||{{{28|}}} }} }}|{{{28|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https||{{{28|}}} }}</div></div>}}
+{{#if: {{{27|}}} | <div class="{{#var: class-width_i14}}">[[Datei: {{{27|}}}|{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https|link={{#if:||{{{28|}}} }} }}|{{{28|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https||{{{28|}}} }}</div></div>}}
-{{#if: {{{29|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{29|}}}|{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https|link={{#if:||{{{30|}}} }} }}|{{{30|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https||{{{30|}}} }}</div></div>}}
+{{#if: {{{29|}}} | <div class="{{#var: class-width_i15}}">[[Datei: {{{29|}}}|{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https|link={{#if:||{{{30|}}} }} }}|{{{30|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https||{{{30|}}} }}</div></div>}}
-{{#if: {{{31|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{31|}}}|{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https|link={{#if:||{{{32|}}} }} }}|{{{32|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https||{{{32|}}} }}</div></div>}}
+{{#if: {{{31|}}} | <div class="{{#var: class-width_i16}}">[[Datei: {{{31|}}}|{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https|link={{#if:||{{{32|}}} }} }}|{{{32|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https||{{{32|}}} }}</div></div>}}
-{{#if: {{{33|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{33|}}}|{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https|link={{#if:||{{{34|}}} }} }}|{{{34|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https||{{{34|}}} }}</div></div>}}
+{{#if: {{{33|}}} | <div class="{{#var: class-width_i17}}">[[Datei: {{{33|}}}|{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https|link={{#if:||{{{34|}}} }} }}|{{{34|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https||{{{34|}}} }}</div></div>}}
-{{#if: {{{35|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{35|}}}|{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https|link={{#if:||{{{36|}}} }} }}|{{{36|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https||{{{36|}}} }}</div></div>}}
+{{#if: {{{35|}}} | <div class="{{#var: class-width_i18}}">[[Datei: {{{35|}}}|{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https|link={{#if:||{{{36|}}} }} }}|{{{36|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https||{{{36|}}} }}</div></div>}}
-{{#if: {{{37|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{37|}}}|{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https|link={{#if:||{{{38|}}} }} }}|{{{38|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https||{{{38|}}} }}</div></div>}}
+{{#if: {{{37|}}} | <div class="{{#var: class-width_i19}}">[[Datei: {{{37|}}}|{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https|link={{#if:||{{{38|}}} }} }}|{{{38|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https||{{{38|}}} }}</div></div>}}
-{{#if: {{{39|}}} | <div class="{{#var: class-width_i2}}">[[Datei: {{{39|}}}|{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https|link={{#if:||{{{40|}}} }} }}|{{{40|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https||{{{40|}}} }}</div></div>}}
+{{#if: {{{39|}}} | <div class="{{#var: class-width_i20}}">[[Datei: {{{39|}}}|{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https|link={{#if:||{{{40|}}} }} }}|{{{40|}}}]]<div class="thumbcaption">{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https||{{{40|}}} }}</div></div>}}