Vorlage:Gallery: Unterschied zwischen den Versionen

Aktuelle Version vom 10. Mai 2019, 09:28 Uhr

⁣⁣⁣⁣⁣⁣⁣⁣⁣

Syntax: {{ Gallery | Bildname.png | Legende | Optional Bildname2.png | Legende2 | ... | Optionen }}

Stelllt bis zu zehn 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
w=100px	Bildbreite	100px
w_n=120px	individuelle Bildbreite für Bild n= 1 - 10	w
c=Farbe	(html-Werte mit ; ) oder fc=Farbe	#333333
fs=Font-Size	(Schriftgröße ohne ;) oder s=Font-Size	1em
lh=Zeilenhöhe	(line-height)	100%+2px
ml=Abstand Links	(margin-left) zwischen den Bildern	3px
mll=Abstand Links außen	(margin-left) erstes Bild	0px

Die Bilder erscheinen rechtsbündig. Nach der Vorlage kann Text eingegeben werden, der links von den Bildern angezeigt wird.

Diese Dokumentation befindet sich auf einer eingebundenen Unterseite [ Bearbeiten].
Syntax-Beispiel befindet sich auf der Syntaxseite [Bearbeiten].
Anwendungsbeispiele und Funktionalitätsprüfungen befinden sich auf der Testseite [Bearbeiten].
Liste der Unterseiten.

@@ Zeile 1: / Zeile 1: @@
-{| style="float:right; margin-left: {{{mll|0px}}};"
+<table style="float:right; margin-left: {{{mll|0px}}};"><tr><td style="
-|-
+	padding: 0px; vertical-align: top;><span style="
-|  style="padding: 0px; vertical-align: top;"  ´| <span style="
 	display: block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width: calc({{{w|100px}}}+2);
+	width: calc({{{w1 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 12: / Zeile 11: @@
   	padding: 4px;
 	{{#if: {{{2|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{1|}}} | {{{w|100px}}}]]{{#if: {{{2|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{2|}}} }}</span>|}}</span>{{#if: {{{3|}}}
+">{{#if: {{{1|}}} | [[Datei:{{{1|}}} | {{{w1 |{{{w|100px}}} }}} ]]}}{{#if: {{{2|}}} |{{#if: {{{1|}}}|<br>}}<span style="display:inline-block; width: {{{w1 |{{{w|100px}}} }}} ;">{{#if:|| {{{2|}}} }}</span>|}}</span></td>{{#if: {{{3|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w2 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 24: / Zeile 23: @@
   	padding: 4px;
 	{{#if: {{{4|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{3|}}} | {{{w|100px}}}]]{{#if: {{{4|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{4|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{5|}}}
+">[[Datei:{{{3|}}} | {{{w2 |{{{w|100px}}} }}} ]]{{#if: {{{4|}}} |<br><span style="display:inline-block; width: {{{w2 |{{{w|100px}}} }}} ;">{{#if:|| {{{4|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{5|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w3 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 36: / Zeile 35: @@
   	padding: 4px;
 	{{#if: {{{6|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{5|}}} | {{{w|100px}}}]]{{#if:{{{6|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{6|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{7|}}}
+">[[Datei:{{{5|}}} | {{{w3 |{{{w|100px}}} }}} ]]{{#if:{{{6|}}} |<br><span style="display:inline-block; width: {{{w3 |{{{w|100px}}} }}} ;">{{#if:|| {{{6|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{7|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w4 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 48: / Zeile 47: @@
   	padding: 4px;
 	{{#if: {{{8|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{7|}}} | {{{w|100px}}}]]{{#if:{{{8|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{8|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{9|}}}
+">[[Datei:{{{7|}}} | {{{w4 |{{{w|100px}}} }}} ]]{{#if:{{{8|}}} |<br><span style="display:inline-block; width: {{{w4 |{{{w|100px}}} }}} ;">{{#if:|| {{{8|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{9|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w5 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 60: / Zeile 59: @@
   	padding: 4px;
 	{{#if: {{{10|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{9|}}} | {{{w|100px}}}]]{{#if:{{{10|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{10|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{11|}}}
+">[[Datei:{{{9|}}} | {{{w5 |{{{w|100px}}} }}} ]]{{#if:{{{10|}}} |<br><span style="display:inline-block; width: {{{w5 |{{{w|100px}}} }}} ;">{{#if:|| {{{10|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{11|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w6 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 72: / Zeile 71: @@
   	padding: 4px;
 	{{#if: {{{12|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{11|}}} | {{{w|100px}}}]]{{#if:{{{12|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{12|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{13|}}}
+">[[Datei:{{{11|}}} | {{{w6 |{{{w|100px}}} }}} ]]{{#if:{{{12|}}} |<br><span style="display:inline-block; width: {{{w6 |{{{w|100px}}} }}} ;">{{#if:|| {{{12|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{13|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w7 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 84: / Zeile 83: @@
   	padding: 4px;
 	{{#if: {{{14|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{13|}}} | {{{w|100px}}}]]{{#if:{{{14|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{14|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{15|}}}
+">[[Datei:{{{13|}}} | {{{w7 |{{{w|100px}}} }}} ]]{{#if:{{{14|}}} |<br><span style="display:inline-block; width: {{{w7 |{{{w|100px}}} }}} ;">{{#if:|| {{{14|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{15|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w8 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 96: / Zeile 95: @@
   	padding: 4px;
 	{{#if: {{{16|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{15|}}} | {{{w|100px}}}]]{{#if:{{{16|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{16|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{17|}}}
+">[[Datei:{{{15|}}} | {{{w8 |{{{w|100px}}} }}} ]]{{#if:{{{16|}}} |<br><span style="display:inline-block; width: {{{w8 |{{{w|100px}}} }}} ;">{{#if:|| {{{16|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{17|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w9 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 108: / Zeile 107: @@
   	padding: 4px;
 	{{#if: {{{18|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{17|}}} | {{{w|100px}}}]]{{#if:{{{18|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{18|}}} }}</span>|}}</span>|&#8291;}}{{#if: {{{19|}}}
+">[[Datei:{{{17|}}} | {{{w9 |{{{w|100px}}} }}} ]]{{#if:{{{18|}}} |<br><span style="display:inline-block; width: {{{w9 |{{{w|100px}}} }}} ;">{{#if:|| {{{18|}}} }}</span>|}}</span></td>|&#8291;}}{{#if: {{{19|}}}
-	| {{!}}{{!}} style="padding: 0px; vertical-align: top;" {{!}}<span style="
+	| <td style="padding: 0px; vertical-align: top;"><span style="
 	display: inline-block;
 	border: 1px solid #dddddd;
 	border-radius: 4px;
-	width:calc({{{w|100px}}}+2);
+	width:calc({{{w10 |{{{w|100px}}} }}} +2);
 	color:{{Farbe|{{{c|{{{fc|#333333;}}} }}} }}
 	font-size: {{{fs|{{{s|1em}}} }}};
@@ Zeile 120: / Zeile 119: @@
   	padding: 4px;
 	{{#if: {{{20|}}} | padding-bottom: 0px; }}
-">[[Datei:{{{19|}}} | {{{w|100px}}}]]{{#if:{{{20|}}} |<br><span style="display:inline-block; width: {{{w|100px}}};">{{#if:|| {{{20|}}} }}</span>|}}</span>|&#8291;}}
+">[[Datei:{{{19|}}} | {{{w10 |{{{w|100px}}} }}} ]]{{#if:{{{20|}}} |<br><span style="display:inline-block; width: {{{w10 |{{{w|100px}}} }}} ;">{{#if:|| {{{20|}}} }}</span>|}}</span></td>|&#8291;}}
-|}<noinclude>
+</tr></table><noinclude>
-{{Dokumentation}}<!--
+{{Dokumentation}}
-In den geraden Parametern wird jeweils die Legende übergeben.<br>Wenn die Parameter Zeilenweise mit Tabs übergeben werden (zwecks übersichtlicher Darstellung) entstehen am Ende Zeilenumbrüche, die das Layout zerschießen.<br> Um das zu verhindern wird dei <nowiki>{{#if: || ...}}}</nowiki>-Funktion verwendet. -->
 </noinclude>