Vorlage:Image cards/start: Unterschied zwischen den Versionen

Aktuelle Version vom 12. August 2024, 13:30 Uhr

Keine Beschreibung.

Vorlagenparameter
Parameter		Beschreibung	Typ	Status
Kartengröße	`cardsize`	keine Beschreibung Standard medium Beispiel large, medium (standard), small	Unbekannt	vorgeschlagen
Anordnung der Bilder	`justifycontent`	Flex-Eigenschaft justify-content Standard space-between	Unbekannt	vorgeschlagen
Umbruchsart	`flexwrap`	Flex-Eigenschaft flex-wrap Standard nowrap Beispiel Whether images should wrap or rescale if space is used up	Unbekannt	vorgeschlagen

@@ Zeile 1: / Zeile 1: @@
-<includeonly><div class="{{#if:{{{iconname|}}}|icon|{{#if:{{{imgname|}}}|pic|textonly}}}}">{{#if:{{{imgname|}}}|[[File:{{{imgname}}}|alt={{#if:{{alt|}}}|{{{alt|}}}|{{{label|}}}}}|400px|link={{#if:{{{imglink|}}}|{{{imglink|}}}| }}]]|{{#if:{{{iconname|}}}|{{#if:{{{imglink|}}}|{{#ifeq:{{#sub:{{{imglink}}}||5}}|http:|[{{{imglink|}}} <span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]|{{#ifeq:{{#sub:{{{imglink}}}||6}}|https:|[{{{imglink|}}} <span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]|[[{{{imglink|}}}|<span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>]]}}}}|<span class="{{{iconname|}}}" style="{{#if:{{{iconcolor|}}}|color:{{{iconcolor|}}};|}}"></span>}}|}}}}<div class="imgcardlink">{{#if:{{{imglink|}}}|{{#ifeq:{{#sub:{{{imglink}}}||5}}|http:|[{{{imglink|}}} {{{label|}}}]|{{#ifeq:{{#sub:{{{imglink}}}||6}}|https:|[{{{imglink|}}} {{{label|}}}]|[[{{{imglink|}}}|{{{label|}}}]]}}}}|{{{label|}}}}}</div></div></includeonly><noinclude>'''Note: '''Images are set here in the template to load the 400px thumbnail. If images appear blurry in mobile view, it can be adjusted to a larger size. Consider, however, that larger sizes mean longer load times and larger data volume especially on mobile devices.<templatedata>
+<includeonly><templatestyles src="Image cards/styles.css" /><span style="height:1px; overflow:hidden; display:block">{{#fas:}}</span>
+<div class="imgcard {{#if:{{{cardsize|}}}|{{{cardsize}}}|}}" style="justify-content:{{#if:{{{justifycontent|}}}|{{{justifycontent}}}|space-between}}; flex-wrap:{{#if:{{{flexwrap|}}}|{{{flexwrap}}}|nowrap}};"></includeonly><noinclude>
+<templatedata>
 {
-	"params": {
+"params": {
-		"imgname": {
+"cardsize": {
-			"label": {
+"label": {
-				"en": "Image name",
+"en": "Card size",
-				"de": "Bildname"
+"de": "Kartengröße"
-			},
+},
-			"type": "wiki-file-name",
+"example": {
-			"required": true,
+"en": "large, medium (default), small",
-			"description": {
+"de": "large, medium (standard), small"
-				"en": "Enter as imagename.jpg or imagename.png",
+},
-				"de": "Als meinbild.jpg oder meinbild.png eingeben"
+"default": {
-			}
+"en": "medium",
-		},
+"de": "medium"
-		"label": {
+},
-			"label": {
+"suggested": true
-				"en": "Link label",
+},
-				"de": "Beschriftung"
+"justifycontent": {
-			},
+"label": {
-			"suggested": true,
+"en": "Justify-content",
-			"description": {
+"de": "Anordnung der Bilder"
-				"en": "Label for the linked page",
+},
-				"de": "Angzeigte Linkbezeichnung"
+"description": {
-			}
+"en": "Flex-property justify-content",
-		},
+"de": "Flex-Eigenschaft justify-content"
-		"imglink": {
+},
-			"label": {
+"default": {
-				"en": "Link target",
+"en": "space-between",
-				"de": "Zielseite"
+"de": "space-between"
-			},
+},
-			"type": "wiki-page-name",
+"suggested": true
-			"suggested": true,
+},
-			"description": {
+"flexwrap": {
-				"en": "Name of the page this card links to",
+"label": {
-				"de": "Wikiseite, auf die verlinkt wird"
+"en": "Wrapping type",
-			}
+"de": "Umbruchsart"
-		},
+},
-		"alt": {
+"description": {
-			"label": {
+"en": "Flex property flex-wrap",
-				"en": "Alternative image text",
+"de": "Flex-Eigenschaft flex-wrap"
-				"de": "Alternativtext "
+},
-			},
+"example": "Whether images should wrap or rescale if space is used up",
-			"description": {
+"default": {
-				"en": "for screenreaders to understand the image",
+"en": "nowrap",
-				"de": "Zusatzinfo für blinde Benutzer, wird nicht angezeigt"
+"de": "nowrap"
-			},
+},
-			"suggested": true
+"suggested": true
-		},
+}
-		"iconname": {},
+},
-		"iconcolor": {}
+"paramOrder": [
-	},
+"cardsize",
-	"description": {
+"justifycontent",
-		"en": "Image cards with links",
+"flexwrap"
-		"de": "Bildkarten mit Links"
+]
-	},
-	"paramOrder": [
-		"imgname",
-		"label",
-		"imglink",
-		"alt",
-		"iconname",
-		"iconcolor"
-	]
 }
 </templatedata></noinclude>