> ## 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.

# 轮播图

> 了解如何使用轮播图组件上传多张图片并嵌入链接，支持动态和静态数据源配置。

## 1. 功能简介

您可以上传图多张图片并在图片中镶嵌链接，将会以循环播放的方式呈现。

## **2. 功能入口**

【选择任意应用】——【编辑门户】——【轮播图组件】

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688372379706-6211c468-236e-46f2-a40a-f9295b0c9a92.png)
</Frame>

## **3. 设置步骤**

您可以通过配置以下组件属性来调整最终的组件使用效果。在门户中添加轮播图后，您可以：

### 3.1 调整标题栏

支持 控制是否“显示标题”。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688370440671-c29048f1-1bf2-492f-b3eb-70f5500778b8.png)
</Frame>

### 3.2 配置内容

您可以配置轮播图的数据来源，支持2种数据源：动态数据源、静态数据源

<table>
  <tr>
    <td rowSpan={5}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688372500940-7ec48506-8f3e-445a-aeb2-816727492ba2.png)<br />动态数据源</td>
    <td><ul><li>内容来源：选择某应用下的表单</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>轮播图片：映射关联底表表单的字段，如轮播图</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>链接地址：映射关联底表表单的字段，如链接</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>筛选条件：选择某表单后，可设置该表单的数据筛选条件</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>显示条数：支持设置“显示条数”，根据“数据条数”实时显示最多可见的轮播图</li></ul></td>
  </tr>

  <tr>
    <td rowSpan={3}>![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1688372449811-bed955b0-c54b-4c04-9000-537bf0b3d7cf.png)<br />静态数据源</td>
    <td><ul><li>图片标题：自定义图片标题名称</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>图片地址：自定义上传图片</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>链接：自定义链接类型，支持打开内部页面 或 打开外部链接</li></ul></td>
  </tr>
</table>