Comments on: Convert Images to Grayscale

By: ricette cocktail

ricette cocktail — Wed, 16 Nov 2011 13:52:25 +0000

Re my earlier comment, the issue for me was that I was using $(document).ready(), when i should have been using $(window).load(). That way, it waits until all the images are loaded in the browser before executing the effect.

By: solsTiCe

solsTiCe — Fri, 21 Oct 2011 17:16:51 +0000

great !
I had hard time to use your code to make grey out overlay of image as I wanted. To create a hover effect with the saturated image. It works now.

http://sorobanexam.org/about.html

I just found that someone created a plugin from your code http://plugins.jquery.com/project/desaturate

By: jeetendra kumar singh

jeetendra kumar singh — Sat, 08 Oct 2011 11:41:02 +0000

nice code
but it is not giving expected result for another colors
like
i want to change the image color as user select
rgb

By: Mike

Mike — Mon, 19 Sep 2011 20:43:45 +0000

I get an error: INDEX_SIZE_ERR: Dom Exception 1.

$(document).ready(function() {
var imgObj = document.getElementById(’image’);
desaturate(imgObj);
});

By: mina

mina — Sun, 14 Aug 2011 23:48:25 +0000

not working with Firefox put work fine with opera
thanks for this great tutorial

By: Josh Reisner

Josh Reisner — Mon, 04 Jul 2011 18:21:27 +0000

By: nachomaans

nachomaans — Tue, 03 May 2011 08:11:19 +0000

Thank you for the IE filter tip, which was added as a fallback for IE on this page: http://kiridara.com/
Other browsers use a smooth transition.

By: Josh Reisner

Josh Reisner — Tue, 26 Apr 2011 05:15:20 +0000

This is a great script! I’m having an issue with WebKit though, for some reason it won’t load a bunch at the same time. See the following URL. Firefox handles it no problem, Safari and Chrome show blank images. But when you trigger mouse over then out, the grayscale effect works.

http://kate.joshreisner.com/
http://kate.joshreisner.com/scripts/global.js

Any advice to get them all to load on ready? Thanks.

By: Jdsans

Jdsans — Sun, 17 Apr 2011 09:12:32 +0000

I used absolute url only,not relative url.
But in the demo you have used relative url’s for images

By: ajaxBlender.com

ajaxBlender.com — Fri, 25 Feb 2011 13:01:04 +0000

Hello Jdsans
You should put an absolute URL. Relative URL will not work.