Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Mesmerize: jQuery Image FX Plugin

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Mesmerize: jQuery Image FX Plugin - CodeCanyon Item for Sale


Ad: Bluehost hosting

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.

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


16 May 13

Last Update:
16 May 13

High Resolution:

Compatible Browsers:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, PHP

Software Version:


eCommerce, All Items, blur, brightness, canvas, darkness, effects, gd, grayscale, image, jquery, sharpen, tint