Задать вопрос
@e5ash
javascript

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

Суть проблемы:
Имеется изображение участков домов, с которыми необходимо взаимодействовать - события при наведении.
Использую карту изображения , но загвоздка в том, что она не позволяет вести стилизацию.

Имеется ли какой-либо плагин, который работает с и имеет обширный функционал c документацией?

P.S. Пробовал внедрять ImageMapster, но из-за отсутствия документации пришлось от него отказаться
plan-img.png
  • Вопрос задан
  • 106 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
Stalker_RED
@Stalker_RED
Можно сделать эту картинку фоном для SVG


Для этого есть специальные программки-генераторы, или если разбираться с ними лень, а объектов не много, можно самому вручную накликать полигоны (откройте в этом примере консоль, покликайте мышью по картинке, там координаты кликов выводятся)

А вот пример взаимодействаия с внешними элементами (можно кликать по svg или по чекбоксам)


Или вот с hover'ом на ссылки
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
NeiroNx
@NeiroNx
Программист
Что за участки? Может надо изображение в SVG использовать? SVG умеет меняться при наведении.
Ответ написан
2 комментария
2 комментария
@igumenov
https://www.image-map.net/ в помощь.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходим фронтенд-разработчик - продукт по посуточной аренде
23 апр. 2024, в 14:58
1000 руб./в час
Разработка брендинга и рекламных баннеров для маркетплейса
23 апр. 2024, в 14:58
800 руб./в час
Создать сайт-конструктор по примеру
23 апр. 2024, в 14:44
10000 руб./за проект
Ещё заказы