Wechseln zu:Navigation, Suche
Wiki

Vorlage:Gallery3: Unterschied zwischen den Versionen

Aus Securepoint Wiki
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 262: Zeile 262:
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 |}}} }} }}|{{{2 |}}}]]<div class="flex_unten"><div class="Abb">{{{Abb1|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{2 |}}}|0|5}} |https||{{{2 |}}} }}</div></div>|{{{2|}}} }}</div>
}}<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|}}}</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 |}}} }} }}|{{{4 |}}}]]<div class="flex_unten"><div class="Abb">{{{Abb2 |}}}</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 |}}}</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 |}}} }} }}|{{{6 |}}}]]<div class="flex_unten"><div class="Abb">{{{Abb3 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{8 |}}}|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 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{6 |}}}|0|5}} |https||{{{6 |}}} }}</div></div></div>}}
{{#if: {{{7|}}}  | <div class="{{#var: class-width_i4 }}">[[Datei: {{{7 |}}}|{{#ifeq: {{#sub:{{{8 |}}}|0|5}} |https|link={{#if:||{{{8 |}}} }} }}|{{{8 |}}}]]<div class="flex_unten"><div class="Abb">{{{Abb4 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{8 |}}}|0|5}} |https||{{{8 |}}} }}</div></div></div>}}
{{#if: {{{7|}}}  | <div class="{{#var: class-width_i4 }}">[[Datei: {{{7 |}}}|{{#ifeq: {{#sub:{{{8 |}}}|0|5}} |https|Link={{#if:||{{{8 |}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb4 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{8 |}}}|0|5}} |https||{{{8 |}}} }}</div></div></div>}}
{{#if: {{{9|}}}  | <div class="{{#var: class-width_i5 }}">[[Datei: {{{9 |}}}|{{#ifeq: {{#sub:{{{10|}}}|0|5}} |https|link={{#if:||{{{10|}}} }} }}|{{{10|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb5 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{10|}}}|0|5}} |https||{{{10|}}} }}</div></div></div>}}
{{#if: {{{9|}}}  | <div class="{{#var: class-width_i5 }}">[[Datei: {{{9 |}}}|{{#ifeq: {{#sub:{{{10|}}}|0|5}} |https|link={{#if:||{{{10|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb5 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{10|}}}|0|5}} |https||{{{10|}}} }}</div></div></div>}}
{{#if: {{{11|}}} | <div class="{{#var: class-width_i6 }}">[[Datei: {{{11|}}}|{{#ifeq: {{#sub:{{{12|}}}|0|5}} |https|link={{#if:||{{{12|}}} }} }}|{{{12|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb6 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{12|}}}|0|5}} |https||{{{12|}}} }}</div></div></div>}}
{{#if: {{{11|}}} | <div class="{{#var: class-width_i6 }}">[[Datei: {{{11|}}}|{{#ifeq: {{#sub:{{{12|}}}|0|5}} |https|link={{#if:||{{{12|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb6 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{12|}}}|0|5}} |https||{{{12|}}} }}</div></div></div>}}
{{#if: {{{13|}}} | <div class="{{#var: class-width_i7 }}">[[Datei: {{{13|}}}|{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https|link={{#if:||{{{14|}}} }} }}|{{{14|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb7 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https||{{{14|}}} }}</div></div></div>}}
{{#if: {{{13|}}} | <div class="{{#var: class-width_i7 }}">[[Datei: {{{13|}}}|{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https|link={{#if:||{{{14|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb7 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{14|}}}|0|5}} |https||{{{14|}}} }}</div></div></div>}}
{{#if: {{{15|}}} | <div class="{{#var: class-width_i8 }}">[[Datei: {{{15|}}}|{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https|link={{#if:||{{{16|}}} }} }}|{{{16|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb8 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https||{{{16|}}} }}</div></div></div>}}
{{#if: {{{15|}}} | <div class="{{#var: class-width_i8 }}">[[Datei: {{{15|}}}|{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https|link={{#if:||{{{16|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb8 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{16|}}}|0|5}} |https||{{{16|}}} }}</div></div></div>}}
{{#if: {{{17|}}} | <div class="{{#var: class-width_i9 }}">[[Datei: {{{17|}}}|{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https|link={{#if:||{{{18|}}} }} }}|{{{18|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb9 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https||{{{18|}}} }}</div></div></div>}}
{{#if: {{{17|}}} | <div class="{{#var: class-width_i9 }}">[[Datei: {{{17|}}}|{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https|link={{#if:||{{{18|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb9 |}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{18|}}}|0|5}} |https||{{{18|}}} }}</div></div></div>}}
{{#if: {{{19|}}} | <div class="{{#var: class-width_i10}}">[[Datei: {{{19|}}}|{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https|link={{#if:||{{{20|}}} }} }}|{{{20|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb10|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https||{{{20|}}} }}</div></div></div>}}
{{#if: {{{19|}}} | <div class="{{#var: class-width_i10}}">[[Datei: {{{19|}}}|{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https|link={{#if:||{{{20|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb10|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{20|}}}|0|5}} |https||{{{20|}}} }}</div></div></div>}}
{{#if: {{{21|}}} | <div class="{{#var: class-width_i11}}">[[Datei: {{{21|}}}|{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https|link={{#if:||{{{22|}}} }} }}|{{{22|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb11|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https||{{{22|}}} }}</div></div></div>}}
{{#if: {{{21|}}} | <div class="{{#var: class-width_i11}}">[[Datei: {{{21|}}}|{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https|link={{#if:||{{{22|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb11|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{22|}}}|0|5}} |https||{{{22|}}} }}</div></div></div>}}
{{#if: {{{23|}}} | <div class="{{#var: class-width_i12}}">[[Datei: {{{23|}}}|{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https|link={{#if:||{{{24|}}} }} }}|{{{24|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb12|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https||{{{24|}}} }}</div></div></div>}}
{{#if: {{{23|}}} | <div class="{{#var: class-width_i12}}">[[Datei: {{{23|}}}|{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https|link={{#if:||{{{24|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb12|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{24|}}}|0|5}} |https||{{{24|}}} }}</div></div></div>}}
{{#if: {{{25|}}} | <div class="{{#var: class-width_i13}}">[[Datei: {{{25|}}}|{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https|link={{#if:||{{{26|}}} }} }}|{{{26|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb13|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https||{{{26|}}} }}</div></div></div>}}
{{#if: {{{25|}}} | <div class="{{#var: class-width_i13}}">[[Datei: {{{25|}}}|{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https|link={{#if:||{{{26|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb13|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{26|}}}|0|5}} |https||{{{26|}}} }}</div></div></div>}}
{{#if: {{{27|}}} | <div class="{{#var: class-width_i14}}">[[Datei: {{{27|}}}|{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https|link={{#if:||{{{28|}}} }} }}|{{{28|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb14|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https||{{{28|}}} }}</div></div></div>}}
{{#if: {{{27|}}} | <div class="{{#var: class-width_i14}}">[[Datei: {{{27|}}}|{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https|link={{#if:||{{{28|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb14|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{28|}}}|0|5}} |https||{{{28|}}} }}</div></div></div>}}
{{#if: {{{29|}}} | <div class="{{#var: class-width_i15}}">[[Datei: {{{29|}}}|{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https|link={{#if:||{{{30|}}} }} }}|{{{30|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb15|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https||{{{30|}}} }}</div></div></div>}}
{{#if: {{{29|}}} | <div class="{{#var: class-width_i15}}">[[Datei: {{{29|}}}|{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https|link={{#if:||{{{30|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb15|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{30|}}}|0|5}} |https||{{{30|}}} }}</div></div></div>}}
{{#if: {{{31|}}} | <div class="{{#var: class-width_i16}}">[[Datei: {{{31|}}}|{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https|link={{#if:||{{{32|}}} }} }}|{{{32|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb16|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https||{{{32|}}} }}</div></div></div>}}
{{#if: {{{31|}}} | <div class="{{#var: class-width_i16}}">[[Datei: {{{31|}}}|{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https|link={{#if:||{{{32|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb16|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{32|}}}|0|5}} |https||{{{32|}}} }}</div></div></div>}}
{{#if: {{{33|}}} | <div class="{{#var: class-width_i17}}">[[Datei: {{{33|}}}|{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https|link={{#if:||{{{34|}}} }} }}|{{{34|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb17|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https||{{{34|}}} }}</div></div></div>}}
{{#if: {{{33|}}} | <div class="{{#var: class-width_i17}}">[[Datei: {{{33|}}}|{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https|link={{#if:||{{{34|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb17|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{34|}}}|0|5}} |https||{{{34|}}} }}</div></div></div>}}
{{#if: {{{35|}}} | <div class="{{#var: class-width_i18}}">[[Datei: {{{35|}}}|{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https|link={{#if:||{{{36|}}} }} }}|{{{36|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb18|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https||{{{36|}}} }}</div></div></div>}}
{{#if: {{{35|}}} | <div class="{{#var: class-width_i18}}">[[Datei: {{{35|}}}|{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https|link={{#if:||{{{36|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb18|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{36|}}}|0|5}} |https||{{{36|}}} }}</div></div></div>}}
{{#if: {{{37|}}} | <div class="{{#var: class-width_i19}}">[[Datei: {{{37|}}}|{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https|link={{#if:||{{{38|}}} }} }}|{{{38|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb19|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https||{{{38|}}} }}</div></div></div>}}
{{#if: {{{37|}}} | <div class="{{#var: class-width_i19}}">[[Datei: {{{37|}}}|{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https|link={{#if:||{{{38|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb19|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{38|}}}|0|5}} |https||{{{38|}}} }}</div></div></div>}}
{{#if: {{{39|}}} | <div class="{{#var: class-width_i20}}">[[Datei: {{{39|}}}|{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https|link={{#if:||{{{40|}}} }} }}|{{{40|}}}]]<div class="flex_unten"><div class="Abb">{{{Abb20|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https||{{{40|}}} }}</div></div></div>}}
{{#if: {{{39|}}} | <div class="{{#var: class-width_i20}}">[[Datei: {{{39|}}}|{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https|link={{#if:||{{{40|}}} }} }} ]]<div class="flex_unten"><div class="Abb">{{{Abb20|}}}</div><div class="thumbcaption">{{#ifeq: {{#sub:{{{40|}}}|0|5}} |https||{{{40|}}} }}</div></div></div>}}
</div>
</div>
{{#if: {{{einblenden | {{{einklappen|}}} }}} |</div></div>}}
{{#if: {{{einblenden | {{{einklappen|}}} }}} |</div></div>}}

Version vom 22. Dezember 2021, 13:03 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=80957“