> 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="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2Fh1RhTHRnIZxeYM1bojM9%2FScreenshot%202025-07-24%20at%2013.10.11.png?alt=media&amp;token=3e762bf1-c2fe-45e3-a9a7-b682f1b40148" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2Fd3ZSPECLFDiT4On0izrw%2FScreenshot%202025-07-24%20at%2013.11.17.png?alt=media&amp;token=1c339cde-d13b-4454-9a3e-564b9211cda4" alt="" width="375"><figcaption></figcaption></figure>

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FsiDykxIkGL4EObmmMWUC%2FScreen%20Recording%202025-07-24%20at%2013.13.28.gif?alt=media&amp;token=aceb73dc-a594-47c8-9540-aca5d455d60f" alt=""><figcaption></figcaption></figure>

### 2. Слайды

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FEqDJlygXRzQkHOmabTeC%2FScreen%20Recording%202025-07-24%20at%2013.52.13.gif?alt=media&amp;token=4140c03b-4112-4066-aa96-a5d39df54eb4" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F4A15JPGxaRqdPBXDb2k4%2FScreen%20Recording%202025-07-24%20at%2013.57.47.gif?alt=media&amp;token=ae29d705-8175-4666-9caf-f301ac206581" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2Fiz6BIZ0G08bZKluAMCbp%2FScreen%20Recording%202025-07-24%20at%2014.00.41.gif?alt=media&amp;token=f8a6b3bf-94ec-4fa7-a5fc-d5f0c903ad68" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2FKLw432ohqSHyLz8uQ6SZ%2FScreen%20Recording%202025-07-24%20at%2014.01.53.gif?alt=media&amp;token=41463fa2-02e5-4efb-9ced-e8e6aeccb40e" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://3865113055-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDNAf78MjCvzZdPg7TdO%2Fuploads%2F0e5ML6TyC0cEJg9ZMavW%2FScreen%20Recording%202025-07-24%20at%2014.20.19.gif?alt=media&amp;token=c60bb246-1563-44ab-aaa4-9c252bfd93a8" alt=""><figcaption></figcaption></figure>

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

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