Задача в том, чтобы при наведении на каждый партер или амфитеатр она подсвечивалась оранжевым цветом. Картинка вырезана целиком,то есть не отдельно по частям. Как сделать чтобы подсвечивалась именно та часть,на которую наводим.
Указывать местоположение для ссылок а мне кажется не получится,так как имеют форму трапеции,другое дело,если бы были квадратными.
Как поступить?
Не занимайтесь ерундой. Сделайте векторную картинку в SVG и прицепите события к её элементам. Можете также копнуть в сторону canvas. Но SVG будет универсальнее и проще. Для обладателей старых IE прицепите svgweb с google.
нет. просто именуешь элементы векторного изображения в редакторе. вроде в кореле работает и выгружаешь как SVG. А потом в тело SVG вставляешь скрипт.. принцип такой же как и в HTML.
И для каждого элемента SVG где нужно добавляешь обработчик события onmouseover и onmouseout. И в обработчике просто стиль меняешь на другую заливку. Или просто через стили. Но стили не в атрибуте style="..." элемента не будут обрабатываться в svgweb. Это что касается кросбраузерности.
Для современных браузеров будет отображаться чистый SVG а для пользователей старых иешек визуализороваться SVG будет через FLASH.
Кстати у svgweb есть ещё один плюс - его можно связать например с jQuery. Хотя с таким сращиванием в свое время поседел пока разобрался. Но это возможно.
Простой
