---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/image-carousel'
title: 'Adding an Image Carousel | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:31:40+00:00'
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Image slider with navigation'
tags:
  - 'Text and media'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Adding an Image Carousel'
      description: 'Image slider with navigation'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:31:40+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/image-carousel'
      articleSection: 'Text and media'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/image-carousel'
      description: 'Image slider with navigation'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Text and media](/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Adding an Image Carousel.

Image slider with navigation

 Learn DXPR BuilderBuild pagesAdd contentText and media

   ## In this guide

 Related guides

- [Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

You get a slideshow that rotates on its own, with arrows and dots for visitors who want to browse. Use it for portfolio work, photo galleries or a hero that shows more than one image.

## Add an image carousel

1. Hover the column and click **+** in its control bar, or click **Add Elements** on an empty page. Open the **Content** tab and click **Image carousel**.
2. Select your **Images** from the media library and insert them.
3. Choose the **Interval** between slides.
4. Click **Save** in the dialog. Then click **Save** in the toolbar at the top of the content area to store the page.

  ## What you see

The slideshow rotates at the interval you chose, with arrows on the sides and dots below. The first image shows at once; the others follow in the order you inserted them.

## Set up your image carousel

Open **More > Settings** on the element. Options:

- **Images:** select or upload the images for the slideshow through the media library.
- **Interval:** time between slides in milliseconds; set to 0 to stop the automatic rotation (default: 5000).
- **Hide:** tick **Hide pagination control** to hide the dot indicators below the slides, or **Hide prev/next buttons** to hide the left and right arrows.
- **Alt attribute** (SEO panel)**:** alternative text for the carousel images.

## If you don't see it

- **Image carousel is not in the Content tab.** Your user profile hides it. Ask an administrator to enable it in [User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **It is gone after you reload.** The page was not saved. Add it again and click **Save** in the toolbar at the top of the content area.
- **Only one image shows and nothing rotates.** One image was inserted, or **Interval** is 0. Add images or set an interval above 0.
- **No arrows or dots.** **Hide prev/next buttons** or **Hide pagination control** is ticked under **Hide**. Untick them in the settings.

## What's next?

[Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) to change spacing and background for your image carousel.