> For the complete documentation index, see [llms.txt](https://transition-slider.gitbook.io/jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://transition-slider.gitbook.io/jquery/slider-options/thumbnails.md).

# Thumbnails

```markup
<script>
    jQuery(document).ready(function($) {
        $("#slider-wrapper").transitionSlider({
            // example of thumbnails options
            thumbs: {
                enable: false,
                position: "bottom",
                thumbWidth: 100,
                thumbHeight: 60,
                spaceAround: 3,
                spaceBetween: 3,
                background: "none",
                outsideSlider: true,
                centered: true
            },
        });
    });
</script>
```

| **Parameter**   | Type      | Default    | Description                                                                                                                                      |
| --------------- | --------- | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| `thumbs`        | `object`  |            | Object with thumbnails parameters.                                                                                                               |
| `{`             |           |            |                                                                                                                                                  |
| `enable`        | `boolean` | `false`    | Enable / disable slider thumbnails                                                                                                               |
| `position`      | `string`  | `"bottom"` | Set the position of the thumbnails. There are 4 positions where you can place thumbnails (Values: “top”, “bottom”, “left”, “right”).             |
| `thumbWidth`    | `number`  | `100`      | The width of one thumbnail. The width is expressed by a number and the value is displayed in “px” unit.                                          |
| `thumbHeight`   | `number`  | `60`       | The height of one thumbnail. The height is expressed by a number and the value is displayed in “px” unit.                                        |
| `spaceAround`   | `number`  | `3`        | The space surrounding the thumbnails container.                                                                                                  |
| `spaceBetween`  | `number`  | `3`        | Spacing between adjacent thumbnails.                                                                                                             |
| `background`    | `string`  | `"none"`   | Background color behind thumbnails. Example format: `"#FF0000"` (more details [here](https://www.w3schools.com/cssref/pr_background-color.asp)). |
| `outsideSlider` | `boolean` | `true`     | Select the position using the `position` parameter. With this option you can choose whether the thumbnails will be inside the slider or outside. |
| `centered`      | `boolean` | `true`     | Centering thumbnails container.                                                                                                                  |
| `}`             |           |            |                                                                                                                                                  |