рисование на изображении
есть картинка gif jpg есть координаты объектов ну скажем {20-20 25-30} прямоугольные, многоугольные, хочу чтобы при наведении мsib они меняли цвет т.е. примерно как это делают во флэше, но эффект был применен именно к области заключенной в координаты, а не ко всей картинке, пробовал рисовать с помощью js но координаты картинки не совпадают, с теми где рисуется, может кто что посоветуает как сделать
|
Цитата:
- оригинал - с изменёнными цветами Поверх оригинала абсолютно спозиционировать прямоугольники нужного размера и при наведении на них давать им бекграунд с нужными координатами. |
В моём примере картинка одна... Но как идея думаю будет понятно...
<!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #container { position: relative; width: 336px; height: 76px; background: url('http://javascript.ru/forum/images/ca_serenity/misc/logo.gif') no-repeat; border: 1px solid; } #shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; filter: alpha(Opacity=70); background-color: #ffffff; } #target { position: absolute; top: 10px; left: 20px; width: 40px; height: 40px; border: 1px solid; } #target:hover { background: url('http://javascript.ru/forum/images/ca_serenity/misc/logo.gif') no-repeat -21px -11px; } </style> <script type="text/javascript"> </script> </head> <body> <div id='container'> <div id='shadow'></div> <div id='target'></div> </div> </body> </html> |
Цитата:
|
Цитата:
Ведь это не мой сон - твой. :lol: |
Цитата:
|
Часовой пояс GMT +3, время: 04:51. |