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.
Last Update | 16 May 2013 |
Published | 16 May 2013 |
High Resolution | No |
Compatible Browsers | IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome |
Files Included | JavaScript JS, HTML, CSS, PHP |
Software Version | jQuery |
Tags | blur, brightness, canvas, darkness, effects, gd, grayscale, image, jquery, sharpen, tint |