﻿# Модуль «Карусель изображений»

> [HTML Version](image-carousel.html)

Модуль позволяет отобразить в одном виджете несколько изображений и просматривать их поочерёдно.

В состав модуля входит виджет **Карусель изображений**, который размещается на [странице](360009924451.md), [форме приложения](360029250931.md) или [задачи](360012495611.md). Пользователь может перелистывать изображения, прикреплённые к этим объектам.

Например, к сервисной заявке можно прикрепить сканы документов и фотографии принятой на ремонт техники. С помощью виджета **Карусель изображений** удобно просматривать эти изображения, чтобы быстро найти нужную информацию. 

## Установить модуль

1. Перейдите в раздел **Администрирование > Модули**.

2. Нажмите **+Модуль**, а затем — **Скачать**.

3. В открывшемся каталоге [ELMA365 Store](https://store.elma365.ru/) установите модуль **Карусель изображений**.

4. Перейдите в раздел **Администрирование > Модули > Карусель изображений** и нажмите **Включить**.

После этого в [дизайнер интерфейсов](interface_designer.md#interface-setting) добавится виджет **Карусель изображений**.

## Настроить виджет «Карусель изображений»

Рассмотрим, как добавить виджет на форму приложения и настроить его.

1. Справа от названия приложения нажмите значок шестерёнки и выберите **Настройка формы**.

2. Добавьте на форму приложения переменную типа [Изображение](360009707032.md#image) с опцией **Несколько**. Это позволит прикреплять к карточке приложения несколько изображений.

3. Откройте форму приложения в [дизайнер интерфейсов](interface_designer.md#open-designer) и на страницу шаблона перенесите виджет **Карусель изображений**.

4. В настройках виджета:

(image-carousel-1.png)

- **Изображения** — выберите переменную типа **Изображение**, которую вы добавили на шаге 2.

- **Название** — укажите, каким будет название виджета в шаблоне формы.

(image-carousel-2.png)

5. Сохраните настройки виджета.

6. Сохраните и опубликуйте изменения формы приложения в дизайнере интерфейсов.

После этого в карточке элемента приложения появится возможность перелистывать добавленные изображения.

**(image-carousel-3.png)**