Как сделать Интерактивную Карту на сайте | SVG Графика на сайте

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

Рекомендации по теме
Комментарии
Автор

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

braivs
Автор

если у нас регион разбит на несколько элементов которые находятся не рядом, как сделать что бы они выделялись как один (например одним цветом в разных местах), заранее благодарен

МишаПогориский-цч
Автор

Доброго времени суток. Урок интересный. Но почему-то интерактивный элемент стоит выше самого файла. И как по мне он больше, и довольно намного. Формат файла jpg

vladimir-kolkii
Автор

Наклонная черта в конце тега вроде для xhtml разметки?

rumsgam
Автор

Откуда вы берете файлы вначале видеооо???? Как их создатььь? Откуда вы их беретее😓?

sweetdreams-ttjc
Автор

как сделать так чтобы при нажатии открывалась та часть карты на которую ты кликнул

НекЕттА
Автор

4:48 а что мешает ctrl+a нажать вместо выделения мышкой?

newass