Galleries, Slideshows, and Sliders/wikitext

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

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

Example1.pngExample2.pngCaptionedExample3.png**Wikitext** can be used in captions.Example4.pngThis photo links to Help:Contents.
### Basic example

Here is the basic gallery code:

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

```

### Example with variations

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

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):

```
{{{1|}}}
{{{2|}}}
{{{3|}}}
}}

```

## Slideshow

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

* Example1.pngKittens!
* Example2.pngPuppies!
* Example3.pngMonkeys!
* Example4.pngGiraffes!
1/4
### Basic example

Here is the basic slideshow code:

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

```

### Example with variations

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

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

Here is the basic slider code:

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

```

### Example with variations

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

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):

```
{{{1|}}}
{{{2|}}}
{{{3|}}}
}}

```

## Wikitext and options

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

## See also

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

## Further help and feedback

* 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