grayscale.js

You need JAVASCRIPT ENABLED to view this demo...

Grayscale.js is an experimental attempt to emulate Microsoft's proprietary 'grayscale' filter (available in most IE versions).

Successfully tested in Opera 9, FF2/3, Safari 4, IE6/7. It only works slightly in Safari<4 and Chrome because of their lacking support of CanvasContext.getImageData (because of this, images cannot be grayscaled).
To read more about it and to learn how to use please visit: http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/
Download it: Full-Uncompressed(view) [~13k]

grayscale.js Demo

Click to toggle Grayscale!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in purus orci. Vivamus non mi neque, a fermentum sapien. Morbi accumsan ultrices urna nec tincidunt. Sed venenatis dictum facilisis. Nunc nec dolor nec nisl tempus consequat a non risus.

Click to toggle Grayscale!