> For the complete documentation index, see [llms.txt](https://help.lynda.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lynda.ru/osnovnye-komponenty-sistemy/element/interaktivnye/trenazher.md).

# Тренажер

интерактивный элемент, содержащий слайды (изображения), в которых по клику на выбранную область изображения выполняется переход на новый слайд.

<figure><img src="/files/2V5eTNncGB6prVDNI50X" alt=""><figcaption></figcaption></figure>

**Дважды кликните по элементу чтобы увидеть его настройки.**

<figure><img src="/files/GMKsWxIyhVa2Jsa0mUeA" alt="" width="375"><figcaption></figcaption></figure>

### 1. Показать область (предпросмотр)

При настройке "Да" добавленные кликабельные области для каждого слайда отображаются в превью по умолчанию. При настройке "Нет" добавленные области скрыты по умолчанию для каждого слайда в превью и отображаются только если пользователь кликнул мимо.

<figure><img src="/files/HVKVdTQg1jv6OEZUntUF" alt=""><figcaption></figcaption></figure>

### 2. Слайды

Вы можете дать название каждому слайду, загрузить изображение из Ресурсов или по ссылке, и [отредактировать его.](/osnovnye-komponenty-sistemy/element/oformlenie/kartinka.md) Добавить новый слайд можно через кнопку "Добавить" в нижней части меню, поменять очередность слайдов - перетащив их на нужное место. Удалить слайд можно кликнув на иконку корзины.

<figure><img src="/files/H6ju4LXDQGJS0LWST07U" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Добавить новый слайд также можно в окне [настройки связи ](#id-4.-sozdanie-svyazi-mezhdu-slaidami)между слайдами, после клика на плюс в выпадающем меню кликабельной области.&#x20;
{% endhint %}

### 3. Создание кликабельной области на слайде

Добавление области осуществляется выделением нужной области на изображении после клика на элемент.&#x20;

<figure><img src="/files/SZ2SnWo0oDJyO6nY8v2d" alt=""><figcaption></figcaption></figure>

Вы можете изменить размер области и поменять ее положение, удалить ненужную область можно кликнув на иконку корзины в выпадающем меню области.

### 4. Создание связи между слайдами

После создания области на слайде, вы можете создать связь с другим слайдом.&#x20;

<figure><img src="/files/UideSFUwqJpGpaQBR0U7" alt=""><figcaption></figcaption></figure>

Чтобы создать связь, создайте/выберите область и в выпадающем меню нажмите на иконку плюса. В появившемся окне выберите уже существующий слайд или создайте новый.&#x20;

{% hint style="info" %}
Область, в которой создана связь, будет выделена рамкой, цвет которой отвечает Брендированию.
{% endhint %}

По клику на область будет выполнен переход на слайд, с которым связана эта область.

<figure><img src="/files/k7IUEnGvPHGGxi3XwoxU" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Вы можете создать неограниченное количество областей на слайде. \
Чтобы проверить с каким слайдом связана область, в выпадающем меню нажмите на "Перейти к созданной связи". Чтобы поменять связь, в выпадающем меню нажмите иконку плюса и выберите другой слайд.
{% endhint %}

### 5. Добавление текстовых подсказок

Вы можете добавить текстовую подсказку к созданной области. В режиме работы с контентом выберите кликабельную область для которой хотите добавить подсказку, нажмите на кнопку «Подсказка», чтобы открыть форму добавления и введите текст подсказки.

<figure><img src="/files/NwIumLCa2zuEcBmR4nhA" alt=""><figcaption></figcaption></figure>

Для подсказок есть 5 ограничений:

1. Подсказку можно добавить только к выбранной области на слайде.
2. Одна область может содержать только одну подсказку.
3. Нельзя повторно открыть закрытую пользователем подсказку в режиме предпросмотра курса.
4. Подсказки не отображаются в мобильной адаптации курса.
5. Результат настройки расположения подсказки можно посмотреть только в режиме предпросмотра – в режиме работы с контентом изменения не отображаются.