Template
SlidingGallery
From Dogcraft Wiki
imported>William No edit summary |
mNo edit summary |
||
| (18 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<div style="width:{{{size|300}}}px; max-width:{{{size|300}}}px; display:inline-block; float:{{{float|right}}};"> | <includeonly><div class="phonefullscreen" style="width:{{{size|300}}}px; max-width:{{{size|300}}}px; display:inline-block; float:{{{float|right}}}; color:#6f6f6f"> | ||
< | <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}}}}'> | ||
< | <div class="active"> | ||
[[File:{{{img1}}}|{{{size|300}}}px]] | [[File:{{{img1}}}|{{{size|300}}}px]] | ||
</ | </div> | ||
< | <div> | ||
[[File:{{{img2}}}|{{{size|300}}}px]] | [[File:{{{img2}}}|{{{size|300}}}px]] | ||
</ | </div>{{#if: {{{img3|}}}| | ||
<div> | |||
< | |||
[[File:{{{img3}}}|{{{size|300}}}px]] | [[File:{{{img3}}}|{{{size|300}}}px]] | ||
</ | </div>|}}{{#if: {{{img4|}}}| | ||
<div> | |||
< | |||
[[File:{{{img4}}}|{{{size|300}}}px]] | [[File:{{{img4}}}|{{{size|300}}}px]] | ||
</ | </div>|}}{{#if: {{{img5|}}}| | ||
<div> | |||
< | |||
[[File:{{{img5}}}|{{{size|300}}}px]] | [[File:{{{img5}}}|{{{size|300}}}px]] | ||
</ | </div>|}} | ||
</ | </div>''{{{caption|}}}'' | ||
</div> | </div> | ||
</includeonly> | |||
<noinclude> | <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> | <templatedata> | ||
{ | { | ||
| Line 53: | Line 70: | ||
"description": "Which side of the screen to float, left or right", | "description": "Which side of the screen to float, left or right", | ||
"example": "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" | |||
} | } | ||
}, | }, | ||
| Line 63: | Line 94: | ||
"img3", | "img3", | ||
"img4", | "img4", | ||
"img5" | "img5", | ||
"caption", | |||
"animation", | |||
"timer_speed" | |||
] | ] | ||
} | } | ||
</templatedata> | </templatedata>[[Category:Content templates]] | ||
</noinclude> | </noinclude> | ||
Latest revision as of 13:24, 4 December 2023
{{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.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Size | size | Size to display image in pixels
| Unknown | optional |
| Float | float | Which side of the screen to float, left or right
| Unknown | optional |
| Image 1 | img1 | no description
| Unknown | required |
| Image 2 | img2 | no description
| 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
| Unknown | optional |
| Timer Delay | timer_speed | Delay between photo changes. Set to 0 for no automatic timer.
| Unknown | optional |
