Как сделать карту изображение для конфигуратора ПК?

Question

[nepesov_islam]

https://www.xcom-shop.ru/pc-configurator/
Я хочу реализовать такую верстку.
Не смог найти нормального гида по такой версте с изображением картой

Answer 1

[iBird Rose]

там сделано через map area. вот и гугли как работает htmlbook.ru/html/area
примеров тоже полно https://codepen.io/josegh/pen/KEjNKJ

Answer 2

[nepesov_islam]

Нужна помощь

Answer 3

[Алексей Ярков]

summerstyle.github.io/summer
Тут можно сделать map area из картинки

Answer 4

[Владимир Коротенко]

Смотрите исходники
https://www.xcom-shop.ru/mod/pc-configurator/pc/im...
https://www.xcom-shop.ru/mod/pc-configurator/pc/im...

Там есть картинка, и тэг map, и див который в качестве бэкгргроунда использует вторую картинку, при наведении на область изменяется стиль передвигая зону видимости

choice__lines - див с svg линейками - красные линии к боксу выбора
choice__image_hover - бэкгроунд для подсветки comp_hover.sprite.png
choice__image_map - именно разметка карты