Странная форма картинки

[Struggle]

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

Есть картинка http://savepic.su/3458647.png

Она уже обрезанная, она кликабельная, их несколько, нужно "обрезать" границы ссылки, чтобы другим ссылкам проблем не доставило, друг на друга накладывать не вариант, спасибо за любую помощь.

[hypnocolor]

http://htmlbook.ru/html/map ?

Есть ещё вот такой интересный вариант — http://jsfiddle.net/kizu/bhGn4/

[Struggle]

http://htmlbook.ru/html/map ?

Есть ещё вот такой интересный вариант — http://jsfiddle.net/kizu/bhGn4/

Буду юзать 2 вариант, ибо вычислять координаты, очень нудно, спасибо

[Jackky]

http://htmlbook.ru/html/map ?

Есть ещё вот такой интересный вариант — http://jsfiddle.net/kizu/bhGn4/

Буду юзать 2 вариант, ибо вычислять координаты, очень нудно, спасибо

Я советую юзать первый - он более гибкий и кросбраузерный вплоть до ИЕ 5 (а то и ниже, не помню). Для генерации image map дохрена разных утилиток. Я всегда использовал онлайн сервисы, например этот: http://www.maschek.hu/imagemap/

[Struggle]

http://htmlbook.ru/html/map ?

Есть ещё вот такой интересный вариант — http://jsfiddle.net/kizu/bhGn4/

Буду юзать 2 вариант, ибо вычислять координаты, очень нудно, спасибо

Я советую юзать первый - он более гибкий и кросбраузерный вплоть до ИЕ 5 (а то и ниже, не помню). Для генерации image map дохрена разных утилиток. Я всегда использовал онлайн сервисы, например этот: http://www.maschek.hu/imagemap/

А как быть с уголками? по бокам которые, их никак не выделить, у координат всего 4 угла

Edited October 9, 2013 by Struggle

[hypnocolor]

А как быть с уголками? по бокам которые, их никак не выделить, у координат всего 4 угла

Если shape="poly", то координат можно задавать сколько угодно, будь у вас там хоть стоугольник.

[Jackky]

Да, очевидный плюс img map - возможность выделять абсолютно любые фигуры на картинках. Работает ровно так же, как полигонаьное лассо в Фотошопе (для сравнения).

[Zverushka]

удалено

Edited October 10, 2013 by Zverushka