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">
<ul class="example-orbit" data-orbit>
<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}}}}'>
   <li class="active">
   <div class="active">
     [[File:{{{img1}}}|{{{size|300}}}px]]
     [[File:{{{img1}}}|{{{size|300}}}px]]
   </li>
   </div>
   <li>
   <div>
     [[File:{{{img2}}}|{{{size|300}}}px]]
     [[File:{{{img2}}}|{{{size|300}}}px]]
   </li>
   </div>{{#if: {{{img3|}}}|
  {{#if: {{{img3|}}}|
   <div>
   <li>
     [[File:{{{img3}}}|{{{size|300}}}px]]
     [[File:{{{img3}}}|{{{size|300}}}px]]
   </li>|}}}
   </div>|}}{{#if: {{{img4|}}}|
  {{#if: {{{img4|}}}|
   <div>
   <li>
     [[File:{{{img4}}}|{{{size|300}}}px]]
     [[File:{{{img4}}}|{{{size|300}}}px]]
   </li>|}}}
   </div>|}}{{#if: {{{img5|}}}|
  {{#if: {{{img5|}}}|
   <div>
   <li>
     [[File:{{{img5}}}|{{{size|300}}}px]]
     [[File:{{{img5}}}|{{{size|300}}}px]]
   </li>|}}}
   </div>|}}
</ul>
</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


   Dogcraft Red Cog Logo.png
   Wiki Logo Black.png
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

ParameterDescriptionTypeStatus
Sizesize

Size to display image in pixels

Example
300
Unknownoptional
Floatfloat

Which side of the screen to float, left or right

Example
right
Unknownoptional
Image 1img1

no description

Example
example.png
Unknownrequired
Image 2img2

no description

Example
example.png
Unknownrequired
Image 3img3

no description

Unknownoptional
Image 4img4

no description

Unknownoptional
Image 5img5

no description

Unknownoptional
Captioncaption

A caption for the gallery

Unknownoptional
Animation Typeanimation

Animation type; either slide or fade

Example
slide
Unknownoptional
Timer Delaytimer_speed

Delay between photo changes. Set to 0 for no automatic timer.

Example
10000
Unknownoptional