jQuery: change icon to greyscale

Question

I made a button widget in jQuery which displays an icon.

Now when I set the button do disabled, I'd like to have it greyed-out.

Is there a jQuery function to do this?

Thanks

Answer 1

If you don't want to create another version of the image then you can try using CSS to reduce the opacity of the button so it appears faded, or overlay a semi-transparent grey DIV to give a greyed-out effect.

Answer 2

http://www.alistapart.com/articles/sprites2/

Sprites are your answer.