SlidingGallery

Latest revision as of 13:24, 4 December 2023

Example

{{SlidingGallery
|size = 300
|caption = Example
|float = right
|animation = fade
|img1 = Dogcraft Red Cog Logo.png
|img2 = Wiki Logo Black.png
|slidesToShow = 1
}}

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
Caption	`caption`	A caption for the gallery	Unknown	optional
Animation Type	`animation`	Animation type; either slide or fade Example slide	Unknown	optional
Timer Delay	`timer_speed`	Delay between photo changes. Set to 0 for no automatic timer. Example 10000	Unknown	optional

@@ Line 1: / Line 1: @@
-<ul class="example-orbit" data-orbit>
+<includeonly><div class="phonefullscreen" style="width:{{{size|300}}}px; max-width:{{{size|300}}}px; display:inline-block; float:{{{float|right}}}; color:#6f6f6f">
-   <li class="active">
+<div class="slider" data-slick='{"slidesToShow": {{{slidesToShow|4}}}, "slidesToScroll": {{{scroll|1}}}, "initialSlide": {{{startslide|1}}}, "speed": 250, "fade": {{{fade|false}}}, "autoplay": {{{autoplay|true}}}, "autoplaySpeed": {{{autoSpeed|10000}}}}'>
-     [[File:{{{1}}}|200px]]
+   <div class="active">
-   </li>
+     [[File:{{{img1}}}|{{{size|300}}}px]]
-   <li>
+  </div>
-     [[File:{{{2}}}|200px]]
+  <div>
-   </li>
+    [[File:{{{img2}}}|{{{size|300}}}px]]
-</ul>
+  </div>{{#if: {{{img3|}}}|
+  <div>
+    [[File:{{{img3}}}|{{{size|300}}}px]]
+   </div>|}}{{#if: {{{img4|}}}|
+   <div>
+     [[File:{{{img4}}}|{{{size|300}}}px]]
+  </div>|}}{{#if: {{{img5|}}}|
+  <div>
+    [[File:{{{img5}}}|{{{size|300}}}px]]
+   </div>|}}
+</div>''{{{caption|}}}''
+</div>
+</includeonly>
+<noinclude>
+{{SlidingGallery
+|size = 300
+|caption = Example
+|float = right
+|img1 = Dogcraft Red Cog Logo.png
+|img2 = Wiki Logo Black.png
+|slidesToShow = 1
+}}
+<pre>
+{{SlidingGallery
+|size = 300
+|caption = Example
+|float = right
+|animation = fade
+|img1 = Dogcraft Red Cog Logo.png
+|img2 = Wiki Logo Black.png
+|slidesToShow = 1
+}}
+</pre>
+<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"
+		},
+		"caption": {
+			"label": "Caption",
+			"description": "A caption for the gallery"
+		},
+		"animation": {
+			"label": "Animation Type",
+			"description": "Animation type; either slide or fade",
+			"example": "slide"
+		},
+		"timer_speed": {
+			"label": "Timer Delay",
+			"description": "Delay between photo changes. Set to 0 for no automatic timer.",
+			"example": "10000"
+		}
+	},
+	"description": "Generates a sliding gallery of images.",
+	"paramOrder": [
+		"size",
+		"float",
+		"img1",
+		"img2",
+		"img3",
+		"img4",
+		"img5",
+		"caption",
+		"animation",
+		"timer_speed"
+	]
+}
+</templatedata>[[Category:Content templates]]
+</noinclude>

Template

SlidingGallery

Latest revision as of 13:24, 4 December 2023