[JavaScript][HTML][CSS]Skala szarości obrazka Opcje

[zavada]

Witam!
Mam pewien problem z obrazkami/ikonkami. Otóż chcę, aby obrazek "normalny" był skali szarości, a po najechaniu - kolorowy (jak w oryginale .png) BEZ konieczności robienia dwóch ikonek... Nie chodzi też o opacity.

Więc jak zrobić taki skrypt JS/CSS, aby:

[HTML] pobierz, plaintext 
.img {
  /* obrazek czarno-biały */
}
.img:hover {
  /* obrazek jak w oryginale */
}
[HTML] pobierz, plaintext 

Szukałem w google, nic nie znalazłem.

Ten post edytował zavada 3.05.2011, 09:13:24

[#luq]

Takie coś to jedynie na canvasie dasz radę zrobić.
Gdzieś ostatnio widziałem taki skrypt z animowanym przejściem z wersji grayscale do color i na odwrót ale linka niestety nie podam.

[zavada]

Problem w tym ze to musi być img (IMG:style_emoticons/default/smile.gif) czy jest może coś takiego w css?

[kadlub]

możesz to zrobić za pomocą biblioteki gd w php i krótkiego skryptu js który będzie służył do podmianki
nie będziesz musiał tworzyć osobnych ikonek