Template:ShroomSlideshow

How To Use

Syntax:
{{ShroomSlideshow|numSlides=(number of slides)|rowTabs=(number of tabs per row)|Content}}

This class functions similarly to a table, except it performs a slideshow/carousel for each entry. The parameters are as follows:

sliderName - A name for the slider. Required, unless you happen to only have one slideshow on the entire page (not recommended).
rowTabs = The number of buttons you want per row. The max is 12 and the default is 8.
numSlides - The number of slides you wish to have. This is required. Content - The content you want to feature. It is assumed that the first thing you put for this parameter is the first slide, then you can separate each slide with "|". If you have more slides than what you specify, they will be blank.

The navigator tabs will be styled according to whatever team they're on. For example, here is a slideshow in Fake News.

<div class="fn">
<div class="shroomsection">
{{ShroomSlideshow
|numSlides=6
|rowTabs=6
|sliderName=demo1
|Slide 1
|Slide 2
|Slide 3
|Slide 4
|Slide 5
|Slide 6
}}
</div>
</div>

Renders as:

❮

1 / 6

❯

1

2

3

4

5

6

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

The nice thing about this template is unlike "gallery mode="slideshow"", you can put whatever you want, including some more complex things.

Here's one showcasing text and images. I've specified 4 slides, but have only provided content for 3 of them, so the last slide will feature nothing instead of breaking.

<div class="fs">
<div class="shroomsection">
{{ShroomSlideshow
|sliderName=demo2
|numSlides=4
|<h3>This is a header!</h3>
And we have some text here too! We could talk all day about this sorta stuff.
|[[File:ShroomBanner2017.png|frame|center|Here's an image!]]
|[[File:ShroomPoochy.png|thumb|This is a caption.]] This slide features some image and a text!
}}
</div>
</div>

❮

1 / 4

❯

1

2

3

4

This is a header!

And we have some text here too! We could talk all day about this sorta stuff.

Here's an image!

This is a caption.

This slide features some image and a text!