---
title: Slideshow Element
description: The Slideshow element functions similarly to the Gallery element, allowing you to upload images directly or select them from the File Manager. For details on reordering images, adding captions, or ins
---

[Skip to content](https://support.catapultcms.com/hc/en-us/articles/360049566611-slideshow-element#main-content)

English

Show submenu for translations

[Submit a Ticket](https://support.catapultcms.com/kb-tickets/new?hsLang=en)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=300&height=59&name=catapult-cms-logotype.png)](https://support.catapultcms.com/migration?hsLang=en)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a Ticket](https://support.catapultcms.com/kb-tickets/new)
- [CatapultCMS.com](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

 Welcome to Catapult Support Knowledge Base!

- There are no suggestions because the search field is empty.

1. [CatapultCMS Help](https://support.catapultcms.com/?hsLang=en)
2. [CMS](https://support.catapultcms.com/cms?hsLang=en)
3. [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements)

# Slideshow Element

### Using the Slideshow Element

The **Slideshow** element functions similarly to the **Gallery** element, allowing you to upload images directly or select them from the **File Manager**.

For details on reordering images, adding captions, or inserting links, refer to our **[Gallery Element](https://support.catapultcms.com/hc/en-us/articles/360049566531-gallery-element?hsLang=en)** article.

### Key Differences from the Gallery Element

Unlike the Gallery, which displays all images at once in a grid, the **Slideshow** element presents images one at a time in a rotating cycle.

### Customizing the Slideshow

To adjust slideshow settings, click the **Options** button. This will open a settings menu where you can:

- Toggle **Randomize Images** 
- Set **transition timing** (speed of image changes)
- Choose **transition effects** (fade, slide, etc.)
- Adjust **dimensions** to fit your layout

![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-23-14-6925-PM.png?width=829&height=702&name=image-png-Mar-14-2025-05-23-14-6925-PM.png)

### Adding Captions & Links

- To add a caption, click the **speech bubble** icon above an image.
- To add a link, click the **link** icon and select a destination.

These features work the same way as in the **Gallery** element.

![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-23-41-7320-PM.png?width=497&height=308&name=image-png-Mar-14-2025-05-23-41-7320-PM.png)

![](https://support.catapultcms.com/hs-fs/hubfs/image-png-Mar-14-2025-05-23-51-1666-PM.png?width=504&height=315&name=image-png-Mar-14-2025-05-23-51-1666-PM.png)

If your template includes [**dynamic columns**](https://support.catapultcms.com/dynamic-column-functionality?hsLang=en), the **Slideshow** element will automatically adjust its size based on the content region.

- [CMS](https://support.catapultcms.com/cms?hsLang=en#main-content)
  
  
  
  
  
    - [Getting Started with Catapult CMS](https://support.catapultcms.com/cms?hsLang=en#getting-started-with-catapult-cms)
    - [The Dashboard](https://support.catapultcms.com/cms?hsLang=en#the-dashboard)
    - [General Editing Information](https://support.catapultcms.com/cms?hsLang=en#general-editing-information)
    - [Basic Elements](https://support.catapultcms.com/cms?hsLang=en#basic-elements)
    - [Visual Elements](https://support.catapultcms.com/cms?hsLang=en#visual-elements)
    - [File Management](https://support.catapultcms.com/cms?hsLang=en#file-management)
    - [Integrations](https://support.catapultcms.com/cms?hsLang=en#integrations)
    - [Compliance](https://support.catapultcms.com/cms?hsLang=en#compliance)
    - [Configuration](https://support.catapultcms.com/cms?hsLang=en#configuration)
    - [Implementation](https://support.catapultcms.com/cms?hsLang=en#implementation)
- [Connect](https://support.catapultcms.com/connect?hsLang=en#main-content)
  
  
  
  
  
    - [Manage Users](https://support.catapultcms.com/connect?hsLang=en#manage-users)
    - [SIS Configuration](https://support.catapultcms.com/connect?hsLang=en#sis-configuration)
    - [Dashboard](https://support.catapultcms.com/connect?hsLang=en#dashboard)
    - [Other](https://support.catapultcms.com/connect?hsLang=en#other)
    - [Organization & Site Resources](https://support.catapultcms.com/connect?hsLang=en#organization-site-resources)
    - [Messages](https://support.catapultcms.com/connect?hsLang=en#messages)
    - [Emergency Resources](https://support.catapultcms.com/connect?hsLang=en#emergency-resources)
    - [Implementation](https://support.catapultcms.com/connect?hsLang=en#implementation)
- [APP](https://support.catapultcms.com/app?hsLang=en#main-content)
  
  
  
  
  
    - [App Management](https://support.catapultcms.com/app?hsLang=en#app-management)
- [What's New](https://support.catapultcms.com/whats-new?hsLang=en#main-content)
  
  
  
  
  
    - [What's new at CatapultCMS](https://support.catapultcms.com/whats-new?hsLang=en#whats-new-at-catapultcms)
- [Contact Us](https://support.catapultcms.com/contact-us?hsLang=en)
- [Incident Report](https://support.catapultcms.com/incident-report?hsLang=en)
- [Implementation](https://support.catapultcms.com/implementation?hsLang=en#main-content)
  
  
  
  
  
    - [Professional Add-On Services](https://support.catapultcms.com/implementation?hsLang=en#professional-add-on-services)

[![catapult-cms-logotype](https://support.catapultcms.com/hs-fs/hubfs/catapult-cms-logotype.png?width=250&height=49&name=catapult-cms-logotype.png "catapult-cms-logotype")](https://catapultcms.com/)

[CatapultCMS.com](https://catapultcms.com/)

[CMS Login](https://www.catapultcms.com/Login.aspx)

[CONNECT Login](https://www.catapult-connect.com/Account/Login?ReturnUrl=%2F)

Copyright © 2026, CatapultCMS