Wechseln zu:Navigation, Suche
Wiki

Vorlage:Gallery3: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 12: Zeile 12:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
| left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i2 | {{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
Zeile 24: Zeile 25:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
Zeile 36: Zeile 38:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
Zeile 48: Zeile 51:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
Zeile 60: Zeile 64:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}}
Zeile 72: Zeile 77:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}}
Zeile 84: Zeile 90:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}}
Zeile 96: Zeile 103:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}}
Zeile 108: Zeile 116:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}}
Zeile 120: Zeile 129:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i11 | {{#switch: {{{i11|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i11 | {{#switch: {{{i11|{{{i|{{{w|3}}} }}} }}}
Zeile 132: Zeile 142:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i12 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i12 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}}
Zeile 144: Zeile 155:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i13 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i13 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}}
Zeile 156: Zeile 168:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i14 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
Zeile 168: Zeile 181:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i15 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i15 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}}
Zeile 180: Zeile 194:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i16 | {{#switch: {{{i16|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i16 | {{#switch: {{{i16|{{{i|{{{w|3}}} }}} }}}
Zeile 192: Zeile 207:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i17 | {{#switch: {{{i17|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i17 | {{#switch: {{{i17|{{{i|{{{w|3}}} }}} }}}
Zeile 204: Zeile 220:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i18 | {{#switch: {{{i18|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i18 | {{#switch: {{{i18|{{{i|{{{w|3}}} }}} }}}
Zeile 216: Zeile 233:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i19 | {{#switch: {{{i19|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i19 | {{#switch: {{{i19|{{{i|{{{w|3}}} }}} }}}
Zeile 228: Zeile 246:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i20 | {{#switch: {{{i20|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i20 | {{#switch: {{{i20|{{{i|{{{w|3}}} }}} }}}
Zeile 240: Zeile 259:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left


[[Datei:Bildname|gerahmt|links|alternativtext=Alternativtext|Legende]]
[[Datei:Bildname|gerahmt|links|alternativtext=Alternativtext|Legende]]
Zeile 256: Zeile 276:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i22 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i22 | {{#switch: {{{i12|{{{i|{{{w|3}}} }}} }}}
Zeile 268: Zeile 289:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i23 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i23 | {{#switch: {{{i13|{{{i|{{{w|3}}} }}} }}}
Zeile 280: Zeile 302:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i24 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i24 | {{#switch: {{{i14|{{{i|{{{w|3}}} }}} }}}
Zeile 292: Zeile 315:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#vardefine: class-width_i25 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i25 | {{#switch: {{{i15|{{{i|{{{w|3}}} }}} }}}
Zeile 304: Zeile 328:
|8=flexelement items_8
|8=flexelement items_8
|9=flexelement items_9
|9=flexelement items_9
|10%=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
}}
}}
}}{{#if: {{{einblenden | {{{einklappen|}}} }}} |
}}{{#if: {{{einblenden | {{{einklappen|}}} }}} |
Zeile 312: Zeile 337:
id="mw-customcollapsible-Gallery"
id="mw-customcollapsible-Gallery"
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<div class="mw-collapsible-content">
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<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|}}}|{{#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|}}}||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>
{{#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: {{{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>}}
{{#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>}}

Version vom 13. April 2022, 09:13 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
Step-by-step.png
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}}


Abgerufen von „https://wiki.securepoint.de/index.php?title=Vorlage:Gallery3&oldid=81860“