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

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

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

imgspot0-look.gif

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

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

map0-menu.jpg

Изображение с метками - Как добавить блок.gif

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

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

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

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

Изображение с метками - как добавить изображение.gif

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

Изображение с метками - как добавить метки.gif

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

Изображение с метками - как добавить текст.gif

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

Изображение с метками - как удалить метку.gif

Вы можете изменить ширина маркера. По умолчанию стоит "Адаптивно", это значит, что после ввода текста размер маркера адаптируется по объем и формат текста, будет или широким или узким.
Так же вы можете самостоятельно поставить "Узко" или "Широко"

image.png

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

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

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

Цвет метки

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

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

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

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

Изображение с метками - изменить цвет метки.gif

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

Иконка

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

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

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

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

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


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


Версия #16
Виталий Пинигин создал 28 August 2023 12:58:27
Виталий Пинигин обновил 20 July 2026 14:04:49