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 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 of me find
> something that removes a function, only a class. Here is my code, as I say
> the hover state works when you mouseover, but the mouseout effect isn't
> working:
>
> // greyscale on hover
> $(document).ready(function() {
> // find the div.fade elements and hook the hover event
> $(".test").hover(function() {
> $(this).pixastic("desaturate");
> }, function() {
> this.reset();
> });
>
> });
>
> Thanks for any help.
> Paul
>
> 2008/12/23 Paul Collins <pauldcoll...@gmail.com>
>
> > 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:
> >>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 can't find a
> >> reference
> >> > online.
>
> >> > Basically, I have a bunch of coloured logos that have links wrapped
> >> around
> >> > them. I would like to create a hover state using JQuery that makes the
> >> > images turn black and white when you hover over them. Currently I am
> >> > creating two images - one colour, one black and white then swapping them
> >> out
> >> > using CSS. If I could create the black and white hover state using
> >> JQuery,
> >> > it would save a lot of hassle.
>
> >> > Would appreciate any help.
