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

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

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

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


Благодарю всех кто участвовал!
вот и решение собственно.
http://javascript.ru/forum/dom-windo...-reshenie.html

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

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

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

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

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

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

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

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


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

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

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

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

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

l-liava-l,
Мну заинтересовало - могу попробовать, если будут Фш эскизы

До наведения и после в нескольких областях и обе картинки цветная и ЧБ

Deff,

у меня и самого их нет.) я пока еще советуюсь.

:D

вот так?

beard,
Забанят нафиг - вродь парень неплохой (Сайт союзный фактически) Эт в оффтопике мон выпендривацо

Это просто хороший пример, да и может у модера браузер с выключенными картинками и яваскриптом, есть же и такие серферы интернета, тогда вообще можно не парится :)

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

как хочешь так и делай, все что могли мы до тебя донесли:)

да, вариантов много =) спасибо!