[jQuery] Re: Change image to black and white on hover

2009-01-05 Thread Paul Collins
Thanks for your replies everyone. Sorry for the delay, but I've been away for the festive season :) Ricardo, your script works well, but if I have multiple images on the same page using the same class it resets all images to the original image we stored! Is there a way I could use it on multiple

[jQuery] Re: Change image to black and white on hover

2009-01-03 Thread BenV
Hello there! I think you can find a way to perform this effect with a nice transition here : http://jqueryfordesigners.com/image-cross-fade-transition/ I hope it'll help! Happy new year everyone On 23 déc 2008, 17:20, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'm a little stuck

[jQuery] Re: Change image to black and white on hover

2008-12-23 Thread Gordon
The only way to do that without a separate black and white image would be to use the filter CSS property, which is nonstandard and would only work in internet explorer. On Dec 23, 11:16 am, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but

[jQuery] Re: Change image to black and white on hover

2008-12-23 Thread Paul Collins
That's a shame, thanks for letting me know Gordon. Are there any other similar hover effects that could be achieved with JQuery? Cheers Paul 2008/12/23 Gordon gordon.mc...@ntlworld.com The only way to do that without a separate black and white image would be to use the filter CSS property,

[jQuery] Re: Change image to black and white on hover

2008-12-23 Thread Nathan
It's not jQuery (although I believe it can act as a plugin - check the documentation), but this library covers that kind of image manipulation: http://www.pixastic.com/ On Dec 23, 9:16 pm, Paul Collins pauldcoll...@gmail.com wrote: Hi all, I'd like to think this is possible with JQuery, but

[jQuery] Re: Change image to black and white on hover

2008-12-23 Thread Paul Collins
That works perfectly with JQuery Nathan. Thanks for your help. Much appreciated. Paul 2008/12/23 Nathan i...@nathan-adams.net It's not jQuery (although I believe it can act as a plugin - check the documentation), but this library covers that kind of image manipulation:

[jQuery] Re: Change image to black and white on hover

2008-12-23 Thread Paul Collins
Hi all, I'm a little stuck and I can't seem to get exactly what I'm after googling Basically, I want to apply the pixastic - desaturate function when I hover over an image. I've got this working, but I want to be able to remove that effect when I mouseout of the image. I can't for the life

[jQuery] Re: Change image to black and white on hover

2008-12-23 Thread Ricardo Tomasi
When you apply the effect the img is replaced by a canvas tag (on browsers other than IE). To 'reset' it you need to reappend the original image, and for the events you need a parent element otherwise you'll lose them: div id=test img src=test.jpg alt= / /div var img = $(#test img);