> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Carousel

> Learn how to use the carousel component to upload multiple images and embed links, with support for both dynamic and static data source configuration.

## 1. Overview

Upload multiple images and embed links in them. The images are displayed in a continuous loop.

## 2. Entry Point

Select any app → Edit portal → Carousel component

## 3. Configuration Steps

After adding a carousel to the portal, configure the following attributes to adjust how the component behaves:

### 3.1 Adjust the Title Bar

Turn the "Show title" option on or off.

### 3.2 Configure Content

Configure the data source of the carousel. Two types of data sources are supported: dynamic and static.

<table>
  <tr>
    <td rowSpan={5}>Dynamic Data Source</td>
    <td><ul><li>Content source: Select a form in an app.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Carousel image: Map this to a field in the associated base form, such as a carousel image field.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Link URL: Map this to a field in the associated base form, such as a link field.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Filter: After selecting a form, set filter conditions for its data.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Display count: Set the "Display count" to control the maximum number of carousel images shown in real time, based on the "Data count".</li></ul></td>
  </tr>

  <tr>
    <td rowSpan={3}>Static Data Source</td>
    <td><ul><li>Image title: Customize the image title name.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Image URL: Upload a custom image.</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>Link: Customize the link type. Supports opening an internal page or an external link.</li></ul></td>
  </tr>
</table>