подсветка картинки.

[l-liava-l]

Доброго времени суток!
Вот хочу сделать логотип для сайта, но что то непойму как.
Вот в чем суть.

картинка - чернобелая.
наводим на нее мышкой и она становиться цветной.
Но не все изображение, а только область возле курсора.

На чем такое можно провернуть?(кроме флеша) подскажите пожалуйста что почитать по этому поводу.


Благодарю всех кто участвовал!
вот и решение собственно.
Подсветка картинки решение.

[beard]

l-liava-l, пример в студию

я знаю вариант но он очень муторный

[Deff]

l-liava-l,
Выложите картинку и итоговые скриншоты в ФШ,
Наверно сложность будет в краях пятна, их тяжко сделать плавными

[beard]

о чем я говорил, по примеру этого
http://diyaalo.com/nepalmapapi/

плагин называется maphilight

Можно в логотипе наклепать нужные области, например по буквам и тд.

[dmitriymar]

Положить сверху изображения чернобелого канву с прозрачным цветным изображением.При заходе курсора мыши менять прозрачность пик селам в канве вокруг курсора
Вариант два использовать маску и Порядок наложения изображений в каве- сложнее

[l-liava-l]

о чем я говорил, по примеру этого
http://diyaalo.com/nepalmapapi/

плагин называется maphilight

Можно в логотипе наклепать нужные области, например по буквам и тд.

Это немного не то в этом плагине подсвечивается строго намеченная область.
А нужно чтобы подсвечивалась круглая область возле курсора независимо на какой точке картинки он находиться


А чтобы буквы подсветить и лишнего ничего использовать не надо, пишим слово по одной букве в <li></li> задаем стили. а потом отслеживаем наведение на нужную букву и меняем ее стиль.

[beard]

Положить сверху изображения чернобелого канву с прозрачным цветным изображением.При заходе курсора мыши менять прозрачность пик селам в канве вокруг курсора

кстати да, если есть такая возможность это может быть лучше(быстрее точно) чем плагином, основная жопа в нем что нужно указать координаты, а это реально долговасто.

[beard]

А чтобы буквы подсветить и лишнего ничего использовать не надо, пишим слово по одной букве в <li></li> задаем стили. а потом отслеживаем наведение на нужную букву и меняем ее стиль.

у тебя все буквы по умолчанию квадратные?

[l-liava-l]

Положить сверху изображения чернобелого канву с прозрачным цветным изображением.При заходе курсора мыши менять прозрачность пик селам в канве вокруг курсора

Я вот тоже об этом думаю но что то в голову не приходит как вокруг мышки то изображение проявлять, clearRect -ом чтоли огибать?

[l-liava-l]

у тебя все буквы по умолчанию квадратные?

А причем сдесь квадратные? я же не собираюсь менять внешний вид списка.
берем красивый шрифт, а color font-size и text-shadow делают все остальное.