image hover effect

[dynamyc]

I have a thumbnail gallery which contains a lot of images and I’ wondering how to achieve the colored effect on mouse hover without css sprites for each image.
Take a look here to see the images.

[Historical Forums User]

http://www.sohtanaka.com/web-design/examples/hover-over-trick/

or

http://www.go4expert.com/forums/showthread.php?t=23251

or you could use:

img:hover { filter:grayscale;}

but that doesn’t work in chrome, but in IE. I liked the first one.

[Johnnyb]

A quick google showed a bunch of results:

http://www.pixastic.com/lib/
http://www.ajaxblender.com/howto-convert-image-to-grayscale-using-javascript.html
http://plugins.jquery.com/plugin-tags/desaturate-image

[dynamyc]

thanks for suggestions, I’ve noticed that is impossible to apply this kind of effect for turning the greyscale image into a colored image without using an image hover property.

[dynamyc]

[edit] I’ve deleted my post

[Author]

Posts