Template

SlidingGallery

From Dogcraft Wiki

imported>William
No edit summary
mNo edit summary
 
(10 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<includeonly><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 data-options="animation:slide;
<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}}}}'>
                  pause_on_hover:false;
   <div class="active">
                  animation_speed: 250;
                  timer_speed: {{{timer_speed|10000}}};
                  animation: {{{animation|slide}}};
                  navigation_arrows:true;
                  bullets:false;">
   <li 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>''{{{caption|}}}''
</div>''{{{caption|}}}''
</div>
</div>
</includeonly>
</includeonly>
Line 33: Line 24:
|caption = Example
|caption = Example
|float = right
|float = right
|animation = fade
|img1 = Dogcraft Red Cog Logo.png
|img1 = Dogcraft Red Cog Logo.png
|img2 = Wiki Logo Black.png
|img2 = Wiki Logo Black.png
|slidesToShow = 1
}}
}}
<pre>
<pre>
Line 45: Line 36:
|img1 = Dogcraft Red Cog Logo.png
|img1 = Dogcraft Red Cog Logo.png
|img2 = Wiki Logo Black.png
|img2 = Wiki Logo Black.png
|slidesToShow = 1
}}
}}
</pre>
</pre>
Line 82: Line 74:
"label": "Caption",
"label": "Caption",
"description": "A caption for the gallery"
"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 93: Line 95:
"img4",
"img4",
"img5",
"img5",
"caption"
"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
Background Valentine's Day Event 2024 by TheWhiteTigerNL