# Тренажер

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

<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. Результат настройки расположения подсказки можно посмотреть только в режиме предпросмотра – в режиме работы с контентом изменения не отображаются.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.lynda.ru/osnovnye-komponenty-sistemy/element/interaktivnye/trenazher.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.