Template

SlidingGallery

From Dogcraft Wiki

(fixed caption color)
mNo edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly><div class="phonefullscreen" 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: '{{{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}}};
                  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>''{{Color|#6f6f6f|{{{caption|}}}}}''
</div>''{{{caption|}}}''
</div>
</div>
</includeonly>
</includeonly>
Line 32: 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 44: 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 107: Line 100:
]
]
}
}
</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