Tired of opening up Photoshop just to make an image grayscale, or to add a little blur? Now you can add image effects on the fly using jQuery, leaving the original image untouched.
In modern browsers (FireFox, Chrome, Safari, IE9+, Opera, and most mobile browsers) the effects are done in realtime using HTML5 canvas.
On older browsers that don’t support canvas, or when images are not on the same domain, there is a seamless fallback to a server-side version of the code that renders the effects using PHP and the GD library.
There are 9 dazzling effects, including grayscale, sharpen, blur, brightness, darkness, tint, threshold, color threshold, and edge detect.
orginal product link