Замена цвета областей картинки при наведении мыши

[zorky]

Всем привет, прошу помощи. Вот что есть.

Есть изображение размером 175Х251

Необходимо, чтобы при наведении на определенную область изображения ( всего областей 6) - эта область изменяла цвет.

для этого под каждую область сделана своя картинка.

На картинку наложен параметр "map" чтобы сделать каждый отдельный объект ссылкой

Вот как примерно должно выглядеть: http://content.foto.mail.ru/bk/eltuicia/_answers/i-2090.jpg

Как реализовать?

Спасибо!

Делал по аналогии с примеров имеющимся здесь же не сайте http://kottedzhi-v-finlyandii.ru/map/tesrt.html

Работает, но как сделать, чтоб работало для нескольких картинок (областей)?

Edited September 5, 2012 by zorky

[Great Rash]

В этой статье описано как сделать вот такое.

Но вообще проще сделать это, используя SVG/VML.

[lexxcode]

Когда-то очень давно делал такую штуку

[zorky]

Спасибо за ответы.. но сделал с использованием скрипта пипо

<area shape="rect" coords="61,3,141,105" onmouseover="goimg(2)" onmouseout="goimg(0)" href="#"> и т. д.

[Maxi]

Когда-то очень давно делал такую штуку

alexriz А есть статьи на эту тему(rus)? Как то раз был заказ на верстку строительного сайта, там многоэтажный дом выделялся поэтажно, если кликнуть на этаж, появлялась планировка квартир и можно было выделить отдельную комнату. Из-за того что не знал как это делать отказался от работы. Я так полагаю это сделано таким же методом?

Поделитесь ссылками как это делается пожалуйста)

поиск ничего не дал, не знаю как правильно искать, давал запрос "использование SVG" выдавало векторную графику

Edited September 5, 2012 by Maxi

[Int]

Я ж дал тебе решение на ответах

[lexxcode]

alexriz А есть статьи на эту тему

Статьи не в курсе, а то решение, которое я кинул по ссылке, родилось в моей голове...