Vorlage:Gallery3: Unterschied zwischen den Versionen

Version vom 2. September 2022, 08:05 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 337: / Zeile 337: @@
 	id="mw-customcollapsible-Gallery{{{id|}}}"
 	>{{#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|}}}||style="border: 1px solid white; background: white; text-align:left;"}}>{{#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|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: {{{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>}}