Перейти к основному контенту

Изображение с метками

Блок «Изображение с метками» это интерактивный блок, позволяющий расставить метки на изображении. Его можно использовать, чтобы показать, как выглядят те или иные объекты.

Как выглядит блок?

map1-look.jpg

Как добавить блок?

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

Как выглядит блок в меню

 map0-menu.jpg

Добавление блока

imgspot2-new.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как работаизменить содержимое?

В блоком?

Всё просто. Создайте «Изоблражение с метками» мок и ижно добавить:

  • изображение
  • метки
  • подписи к меткам

Вы можете использов него своёать изображение.я Ав зформатем расставьтеJPG, меткPNG, GIF, WEBP и иSVG.

д
Добавьтление к артинким текст.

1. Чтобы добавить блок, выберите его в меню добавления блоков. А чтобы вставить своё изображение, нажмите на чёерную полосу над картинкой и выберите нужный файл в проводнике.

Создание блока и добавление картинки

map2-create.gifimgspot3-fill.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Добавление меток

2. ЗаЧтемобы добавитьте метки на изображении. Для этогое, достаточно просто нажать на него в любом месте.

Добавление меток

map3-marks.gifimgspot4-spots.gif

Чтобы увеличить демонстрацию, нажмите на нее.

3. Затем добавьте подписи к меткам. Для этого нажмите на метку, откроется окошко с текстом. Введите свой текст и нажмите на метку ещё раз.

Добавление подписи

Чтобы добавить подпись к метке, нажмите на метку. Откроется окошко, где вы сможете ввести свой текст. Нажмите на метку ещё раз, чтобы закрыть окошко.

map4-text.gifimgspot5-label.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как уУдалятьение метки?

Чтобы удалить метку, нажмите на неё, откроется окошко сдля текстома. Справа от текста вы увидите значок «Корзина». Нажмите на него, чтобы удалить эту метку.

Удаление метки

map6-markdel.gifimgspot6-deletespot.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Как изменить внешний вид?

Вы можете настроить внешний вид маретокеров. Можно выбрать:

  • цвет фметки
  • иконаку
  • цвет марикера
  • зоначок маркераи

Также в этом блоке вы можете ввести свой текст для подсказки к блоку.

Настройка меток
Цвет метки

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

Добавить свои цвета в палитру можно в настройках курса. Подробнее о своих цветах.

Также вы можете задать свой собственный цвет с помощью HEX-кода.

Обратите внимание, что при вставке HEX-кода нельзя удалять символ решетки. Иначе цвет не будет рабовтать.

map5-markset.gifimgspot7-color.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Иконка

Вы можете выбрать иконку из встроенной базы иконок. И выбрать её цвет, а также задать свой собственный цвет с помощью HEX-кода.

imgspot8-icon.gif

Чтобы увеличить демонстрацию, нажмите на нее.

Также вы можете изменить текст подсказки.

Как я могу использовать этот блок?

Этот блок хорошо подходит:

  • Для различных карт, схем, планов. Можно добавить схему и отметить на ней нужные объекты, одновременно показывая, как они выглядят и давая дополнительную информацию.

Если у вас остались вопросы, напишите нам на почту info@scroll-tool.ru.