---
title: "Image Slider module"
canonical: "https://help.refined.com/space/CLOUDDOCS/7092240487/Image%20Slider%20module"
format: markdown
---
Add images to a page, for example to introduce team members on an intranet.

## Add this module to a page

1. Go to a [landing page](https://refined.atlassian.net/wiki/spaces/CLOUDDOCS/pages/4812800001) on your site.
2. Click the **Edit page** button.
3. Hover your mouse over the desired location on the page and click the **+ Add module** button that appears.
4. The **Image Slider** module is located in the **Essentials** category.

## Edit the settings

1. Click the module to open its settings menu, which appears on its right-hand side.
2. Edit the settings, which are divided over two tabs:

### *Module* tab

| Setting | Description |
| --- | --- |
| **Fixed height** | By default, all modules adjust their size to their content. To set a fixed height instead, fill in the desired height in pixels. |

### *Image* tab

| Setting | Description |
| --- | --- |
| **Indicator position** | Determines where the indicator for what image you are on in the carousel should be placed. |
| **Navigation arrows** | Determines if the arrows by which you navigate between images are permanently visible or only shown on hover. |
| **Autoplay slides** | Toggle if you want the images to autoplay on/off |
| **Slides/images** | **Image upload**<br>Upload an image from your computer. To optimize performance, we recommend keeping the image resolution and size as low as possible. Aim for a size around 600 x 400 pixels.<br>**Caption title**<br>Enables a title for the slide.<br>**Caption body text**<br>Enables body text beneath the title of your slide.<br>**Image alt text**<br>Alt texts are important for digital accessibility, as screen readers use them to describe the image to users with visual impairments. |