Wechseln zu:Navigation, Suche
Wiki

Vorlage:Gallery3: Unterschied zwischen den Versionen

Aus Securepoint Wiki
← Zum vorherigen Versionsunterschied
K 1 Version importiert: Release USP Version 2.8
K 1 Version importiert: Release USP Version 2.12
 
(5 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
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
{{var | Abb
| Abb.
| Abb.
Zeile 64: Zeile 44:
|10=flexelement items_10
|10=flexelement items_10
| left=flexelement items_left
| left=flexelement items_left
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i2 |{{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i2 |{{#switch: {{{i2|{{{i|{{{w|3}}} }}} }}}
Zeile 77: Zeile 58:
|10=flexelement items_10 {{{class-cell2|}}}  
|10=flexelement items_10 {{{class-cell2|}}}  
|left=flexelement items_left {{{class-cell2|}}}  
|left=flexelement items_left {{{class-cell2|}}}  
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i3 | {{#switch: {{{i3|{{{i|{{{w|3}}} }}} }}}
Zeile 90: Zeile 72:
|10=flexelement items_10 {{{class-cell3|}}}
|10=flexelement items_10 {{{class-cell3|}}}
|left=flexelement items_left {{{class-cell3|}}}
|left=flexelement items_left {{{class-cell3|}}}
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i4 | {{#switch: {{{i4|{{{i|{{{w|3}}} }}} }}}
Zeile 104: Zeile 87:
|10=flexelement items_10 {{{class-cell4|}}}
|10=flexelement items_10 {{{class-cell4|}}}
|left=flexelement items_left {{{class-cell4|}}}
|left=flexelement items_left {{{class-cell4|}}}
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i5 | {{#switch: {{{i5|{{{i|{{{w|3}}} }}} }}}
|1=flexelement items_1
|1=flexelement items_1 {{{class-cell5|}}}
|2=flexelement items_2
|2=flexelement items_2 {{{class-cell5|}}}
|3=flexelement items_3
|3=flexelement items_3 {{{class-cell5|}}}
|4=flexelement items_4
|4=flexelement items_4 {{{class-cell5|}}}
|5=flexelement items_5
|5=flexelement items_5 {{{class-cell5|}}}
|6=flexelement items_6
|6=flexelement items_6 {{{class-cell5|}}}
|7=flexelement items_7
|7=flexelement items_7 {{{class-cell5|}}}
|8=flexelement items_8
|8=flexelement items_8 {{{class-cell5|}}}
|9=flexelement items_9
|9=flexelement items_9 {{{class-cell5|}}}
|10=flexelement items_10
|10=flexelement items_10 {{{class-cell5|}}}
|left=flexelement items_left
|left=flexelement items_left {{{class-cell5|}}}
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i6 | {{#switch: {{{i6|{{{i|{{{w|3}}} }}} }}}
|0=flexelement items_rest
|0=flexelement items_rest {{{class-cell6|}}}
|2-3=flexelement items_2-3
|2-3=flexelement items_2-3 {{{class-cell6|}}}
|1=flexelement items_1
|1=flexelement items_1 {{{class-cell6|}}}
|2=flexelement items_2
|2=flexelement items_2 {{{class-cell6|}}}
|3=flexelement items_3
|3=flexelement items_3 {{{class-cell6|}}}
|4=flexelement items_4
|4=flexelement items_4 {{{class-cell6|}}}
|5=flexelement items_5
|5=flexelement items_5 {{{class-cell6|}}}
|6=flexelement items_6
|6=flexelement items_6 {{{class-cell6|}}}
|7=flexelement items_7
|7=flexelement items_7 {{{class-cell6|}}}
|8=flexelement items_8
|8=flexelement items_8 {{{class-cell6|}}}
|9=flexelement items_9
|9=flexelement items_9 {{{class-cell6|}}}
|10=flexelement items_10
|10=flexelement items_10 {{{class-cell6|}}}
|left=flexelement items_left
|left=flexelement items_left {{{class-cell6|}}}
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i7 | {{#switch: {{{i7|{{{i|{{{w|3}}} }}} }}}
Zeile 145: Zeile 131:
|10=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
|left=flexelement items_left
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i8 | {{#switch: {{{i8|{{{i|{{{w|3}}} }}} }}}
Zeile 158: Zeile 145:
|10=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
|left=flexelement items_left
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i9 | {{#switch: {{{i9|{{{i|{{{w|3}}} }}} }}}
Zeile 171: Zeile 159:
|10=flexelement items_10
|10=flexelement items_10
|left=flexelement items_left
|left=flexelement items_left
| fit-content=fit-content
}}
}}
}}{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}}
}}{{#vardefine: class-width_i10 | {{#switch: {{{i10|{{{i|{{{w|3}}} }}} }}}
Zeile 384: Zeile 373:
|left=flexelement items_left
|left=flexelement items_left
}}
}}
}}{{#if: {{{einblenden | {{{einklappen|}}} }}} |
}}</div>{{#if: {{{einblenden | {{{einklappen|}}} }}} |
<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}} {{{layout|{{{dezent|}}} }}}"  
<div class="mw-collapsible {{#ifeq: {{{collapsed|false}}}|true | mw-collapsed}} {{{layout|{{{dezent|}}} }}}"  
data-expandtext="{{{einblenden|{{{ausklappen|ausklappen}}} }}}"
data-expandtext="{{{einblenden|{{{ausklappen|ausklappen}}} }}}"
data-collapsetext="{{{ausblenden | {{{einklappen|einklappen}}} }}}"
data-collapsetext="{{{ausblenden | {{{einklappen|einklappen}}} }}}"
id="mw-customcollapsible-Gallery{{{id|}}}"
id="mw-customcollapsible-Gallery{{{id|}}}"
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">[[Datei:{{{Vorschau|}}}|link=]]</span>}}<div class="mw-collapsible-content">
>{{#if: {{{Vorschau|}}}| <span class="Vorschaubild">{{Vorschaubild|Vorschaubild={{{Vorschau|}}} }}<!-- [[Datei:{{{Vorschau|}}}|link=]]--></span>}}<div class="mw-collapsible-content">
}}<div class="flexbox {{{class|}}}"><div class="{{#var: class-width_i1}} {{#if:{{{1|}}}|{{{class-cell1|}}}|{{{class-cell1|whitecell}}} }}">{{#if:{{{1|}}} | {{{Abb1-header|}}}[[Datei:{{{1|}}}|{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https|link={{#if:||{{{2 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb1|{{#if:{{{Abb|}}}|{{#var:Abb1}}}} }}}</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|}}}|{{{class-cell1|whitecell}}} }}">{{#if:{{{1|}}} | {{{Abb1-header|}}}[[Datei:{{{1|}}}|{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https|link={{#if:||{{{2 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb1|{{#if:{{{Abb|}}}|{{#var:Abb1}}}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https||{{{2 |}}} }}</div></div>|{{{2|}}} }}</div><!--
-->{{#if: {{{3|}}}  | <div class="{{#var: class-width_i2 }}">{{{Abb2-header|}}}[[Datei: {{{3 |}}}|{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https|link={{#if:||{{{4 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb2 |{{#if:{{{Abb|}}}|{{#var:Abb2}}}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https||{{{4 |}}} }}</div></div></div>}}<!--
-->{{#if: {{{3|}}}  | <div class="{{#var: class-width_i2 }}">{{{Abb2-header|}}}[[Datei: {{{3 |}}}|{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https|link={{#if:||{{{4 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb2 |{{#if:{{{Abb|}}}|{{#var:Abb2}}}} }}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{4 |}}}|0|5}} |https||{{{4 |}}} }}</div></div></div>}}<!--

Aktuelle Version vom 9. Dezember 2025, 09:02 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
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=99834“