SlidingGallery

Revision as of 00:37, 21 January 2020

Generates a sliding gallery of images.

Template parameters
Parameter		Description	Type	Status
Size	`size`	Size to display image in pixels Example 300	Unknown	optional
Float	`float`	Which side of the screen to float, left or right Example right	Unknown	optional
Image 1	`img1`	no description Example example.png	Unknown	required
Image 2	`img2`	no description Example example.png	Unknown	required
Image 3	`img3`	no description	Unknown	optional
Image 4	`img4`	no description	Unknown	optional
Image 5	`img5`	no description	Unknown	optional

@@ Line 1: / Line 1: @@
-<div style="width:{{{size|300}}}px; max-width:{{{size|300}}}px; display:inline-block; float:right;">
+<div style="width:{{{size|300}}}px; max-width:{{{size|300}}}px; display:inline-block; float:{{{float|right}}};">
 <ul class="example-orbit" data-orbit>
    <li class="active">
@@ Line 21: / Line 21: @@
 </ul>
 </div>
+<noinclude>
+<templatedata>
+{
+	"params": {
+		"size": {
+			"label": "Size",
+			"description": "Size to display image in pixels",
+			"example": "300"
+		},
+		"img1": {
+			"label": "Image 1",
+			"example": "example.png",
+			"required": true
+		},
+		"img2": {
+			"label": "Image 2",
+			"example": "example.png",
+			"required": true
+		},
+		"img3": {
+			"label": "Image 3"
+		},
+		"img4": {
+			"label": "Image 4"
+		},
+		"img5": {
+			"label": "Image 5"
+		},
+		"float": {
+			"label": "Float",
+			"description": "Which side of the screen to float, left or right",
+			"example": "right"
+		}
+	},
+	"description": "Generates a sliding gallery of images.",
+	"paramOrder": [
+		"size",
+		"float",
+		"img1",
+		"img2",
+		"img3",
+		"img4",
+		"img5"
+	]
+}
+</templatedata>
+</noinclude>