Как грамотнее сделать карту кликов?

Question

[kolibry1]

День добрый! ТЗ таково, что нужно сделать карту кликов (есть картинка сцеха ТЦ, и надо чтобы при наведении на каждый сегмент-павильон выдавалась реакция).
Сайт на WP. первое что приходит на ум -конечно, делать в лоб.

<area shape="poly" coords="113,24,211,24,233,0,137,0" alt="Магазин 1">

есть ли более изящные варианты решения?

Comments

[Дмитрий]

В лоб по вашему это как?) мы тут не экстрасенсы

[kolibry1]

извините, код не добавился) ща

Answer 1

[Дмитрий]

А почему плагином сделать не хотите?
https://wordpress.org/plugins/draw-attention/

Comments

[kolibry1]

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

Answer 2

[Wheelie]

Еще SVG есть.
https://parall.ax/blog/view/2985/tutorial-creating...

Comments

[kolibry1]

спасибо! изучу

Answer 3

[Павел Чесноков]

И не забудьте прикрутить что нибудь для "респонсив", а то измените картинку и зоны съедут со своих мест. Например такое.

Comments

[kolibry1]

столкнулся с этим кстати. спасибо))