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

# カルーセル

> YiDAのカルーセルコンポーネントで複数画像のアップロードとリンク埋め込みを実現する方法を解説。動的・静的データソースの設定手順やポータルへの追加方法を紹介します。

## 1. 概要

複数の画像をアップロードし、その中にリンクを埋め込むことができます。画像はループ再生で表示されます。

## **2. エントリ**

任意のアプリを選択 → ポータルを編集 → カルーセルコンポーネント

## **3. 設定手順**

以下の属性を設定することで、最終的なコンポーネントの動作を調整します。ポータルにカルーセルを追加した後、次の操作を実行できます。

### 3.1 タイトルバーの調整

「タイトルを表示」するかどうかを制御します。

### 3.2 コンテンツの設定

カルーセルのデータソースを設定します。データソースには、動的と静的の2種類があります。

<table>
  <tr>
    <td rowSpan={5}>動的データソース</td>
    <td><ul><li>データソース：アプリ配下のフォームを選択します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>カルーセル画像：関連付けたベースフォームのフィールド（カルーセル画像フィールドなど）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>リンクURL：関連付けたベースフォームのフィールド（リンクフィールドなど）にマッピングします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>フィルター：フォームを選択した後、そのフォームのデータフィルター条件を設定します。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>表示件数：「表示件数」を設定し、「データカウント」に基づいて表示可能なカルーセル画像の最大数をリアルタイムに表示します。</li></ul></td>
  </tr>

  <tr>
    <td rowSpan={3}>静的データソース</td>
    <td><ul><li>画像タイトル：画像タイトルの名前をカスタマイズします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>画像URL：カスタム画像をアップロードします。</li></ul></td>
  </tr>

  <tr>
    <td><ul><li>リンク：リンクタイプをカスタマイズします。内部ページまたは外部リンクを開くことができます。</li></ul></td>
  </tr>
</table>