Как организовать изображение-карту с гиперссылками?

Question

[Дмитрий]

вводная: имеется изображение предмета, состоящего из элементов. Нужно бюджетно превратить различные части изображения в гиперссылки, желательно с изменением фрагмента при наведении мыши.
За последние 4-5 лет что-то изменилось, или по-прежнему такое делают через img map area?

P.S. про html5-canvas знаю, но самостоятельно не осилю, flash неприемлем, т.к. пользователей с планшетами предполагается не обижать.

Answer 1

[Анатолий]

Судя по «PS» — да, для Вас ничего не изменилось и нужно делать все через img map area;

Answer 2

[Искандер Гиниятуллин]

www.artlebedev.ru/everything/navsegda/site/process/ — тут есть готовый ответ на ваш вопрос в виде работающего js кода.
без canvas.

Comments

[Дмитрий]

ух ты, какая интересная реализация.
Благодарю.

Answer 3

[Eddy_Em]

Про SVG не думали?

Answer 4

[Дмитрий]

с кроссбраузерностью у этого метода плохо

Comments

[Dmitry]

У SVG условно хорошо с кроссбраузерностью. Проблемы только в ие, а в ие можно использовать ovl(или как там его). Есть библиотека rafaeljs(и не только), позволяющая работать с svg кроссбраузерно.

[Eddy_Em]

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