# 画像の表示

Airtableから画像を表示するには、ソースをURLとして選択します。画像コンポーネントを使用すると、ソースをURLに選択し、コレクションを選択してからフィールド > 添付ファイル > URLを選択します。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-3d434b6d66b40ee48015b9aeabf28d705c16974d%2FDisplaying%20an%20Image%20-%20Airtable.gif?alt=media)

### リスト内の画像の表示

AirtableからAdaloに画像や添付ファイルを転送する際、リストコンポーネントでそれらを表示するには少し追加作業が必要です。個々のコンポーネントを使用して独自のリストを作成し、画像を表示するためのマジックテキストとしてフィールド > 添付ファイル > URLを使用します。

複数の添付ファイル: AirtableをAdaloに接続する際、フィールド > 添付ファイル > URLとして転送されるのは最初の添付ファイルのみです。Airtableの1つのプロパティに複数の画像/添付ファイルがある場合、これらはAdaloに転送するために別々の列プロパティにする必要があります。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-d80a039a933c265478ff1b6c870375dcdadb6f70%2FAirtable_CustomList_Images.gif?alt=media)

1. レコードのリストを表示するために使用するコンポーネントを選択し、配置します。
2. コマンド(mac) / control (pc) + shiftまたはshiftとマウスを使用してすべてのコンポーネントを選択します。
3. 左のスライダーからリストを作成するオプションを選択します。
4. 表示するデータを選択します。
5. デザインを適切に設定します。
6. リスト内のコンポーネントをクリックします（一番下のアコーディオン）。
7. 画像コンポーネントをクリックします
   1. 画像ソース = URL
   2. URL = マジックテキスト > フィールド > 添付ファイル > URL
   3. デザインに基づいてクロッピングを選択します
8. 左のスライダーの上矢印をクリックしてリストに戻ります。
9. 次のコンポーネントを選択し、必要に応じてフィールドを入力します。マジックテキスト機能を使用します。