This page describes how to use and customize photo galleries, slideshows, and sliders using wikitext.

See also Help:Galleries, Slideshows, and Sliders for the basics. Note that videos are also supported for galleries and sliders, if new image galleries are not enabled.

Gallery Edit

A gallery is a collection of thumbnail images appearing as tiles on the page.

Captioned

Wikitext can be used in captions.

This photo links to Help:Contents.

Add a photo to this gallery

Basic example Edit

Here is the basic gallery code:

<gallery>
Example1.png
Example2.png
Example3.png
</gallery>

Example with variations Edit

The following code would produce a more complex gallery, as seen above:

<gallery navigation="true">
Example1.png
Example2.png|Captioned
Example3.png|'''[[Help:Wikitext|Wikitext]]''' can be used in captions.
Example4.png|This photo links to [[Help:Contents]].|link=Help:Contents
</gallery>

In this example...

• The first item is an image only.
• The second item is an image with a caption.
• The third item is an image with a caption that includes wikitext
• The fourth item is an image that is linked to a wiki page, followed by a caption.

Example with variables Edit

If you wish to use variables in place of images, you'll need to switch to a slightly different form of the gallery tag, such as shown below (with three image variables and some settings defined):

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|hideaddbutton="true"
|crop="true"
}}

Slideshow Edit

A slideshow is an image module that displays one image at a time, and automatically rotates through the included images.

• Kittens!
• Puppies!
• Monkeys!
• Giraffes!

1 of 4

Add photo

Basic example Edit

Here is the basic slideshow code:

<gallery type="slideshow">
Example1.png
Example2.png
Example3.png
</gallery>

Example with variations Edit

The following code would produce a more complex slideshow:

<gallery type="slideshow" hideaddbutton="true" navigation="true">
Example1.png
Example2.png|Captioned
Example3.png|'''[[Help:Wikitext|Wikitext]]''' can be used in gallery captions.
Example4.png|Clicking photo takes you to [[Help:Contents]].|link=Help:Contents|linktext=Help:Contents
</gallery>

In this example...

• The first item is an image only.
• The second item is an image with a caption.
• The third item is an image with a caption that includes wikitext
• The fourth item is an image that is linked to a wiki page. It also includes a caption, as well as a description of the link.

Slider Edit

A slider is an image module that spans the full width of the page and automatically scrolls through up to four images.

Tip: For best results, use images that are exactly 670 x 360px.

Basic example Edit

Here is the basic slider code:

<gallery type="slider">
Example1.png
Example2.png
Example3.png
</gallery>

Example with variations Edit

The following code would produce a more complex slider:

<gallery type="slider">
Example1.png
Example2.png|Example Two
Example3.png|Example Three|linktext=Great links
Example4.png|Example Four|link=Help:Contents|linktext=Interesting Pages
</gallery>

In this example...

• The first item is an image only.
• The second item is an image with a title.
• The third item is an image with a title and a subtitle.
• The fourth item is an image that is linked to a wiki page. It also includes a title and a subtitle.

Advanced Slider with variables Edit

If you wish to use variables in place of images, you'll need to switch to a slightly different form of the gallery tag, such as shown below (with three image variables and some settings defined):

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|type="slider"
|orientation="right"
|hideaddbutton="true"
}}

Wikitext and options Edit

The following reference tables address the customization options for each of these three image modules.

Gallery Edit

Slideshow Edit

Slider Edit

See also Edit

• Help:Galleries, Slideshows, and Sliders
• Help:New Image Galleries
• Help:Editing

Further help and feedback Edit

• Browse and search other help pages at Help:Contents
• Check FANDOM Community Central for sources of further help and support
• Check Contacting FANDOM for how to report any errors or unclear steps in this article
• Learn how to use Fandom in FANDOM University: short how-to videos for all levels of experience