Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #9078

    Hi,

    I would like to reverse the hover effect on the portfolio-pictures, they should be in color in normal status and in greyscale in hover status. Is there a simple way to acchieve this?

    Thanks,

    Andreas

    #63383

    Hey,

    open up angular/wp-content/themes/angular/js/aviapoly.js and search for following code:

    greyscale_bindings: function()
    {
    $(".greyscale-active").delegate(".flex_column", "mouseenter", function()
    {
    var column = $(this), image = column.find('.greyscale-image');
    image.stop().animate({opacity:0},animTime);
    }
    ).delegate(".flex_column", "mouseleave", function()
    {
    var column = $(this), image = column.find('.greyscale-image');
    image.stop().animate({opacity:1},animTime);
    });

    }

    Replace it with following code:

    greyscale_bindings: function()
    {
    $(".greyscale-active").delegate(".flex_column", "mouseenter", function()
    {
    var column = $(this), image = column.find('.greyscale-image');
    image.stop().animate({opacity:1},animTime);
    }
    ).delegate(".flex_column", "mouseleave", function()
    {
    var column = $(this), image = column.find('.greyscale-image');
    image.stop().animate({opacity:0},animTime);
    });

    }

    #63384

    Thanks for that! Unfortunately I can’t find this piece of code in the aviapoly.js :(

    Can you please check again, maybe you mean another file? Sry, I’m not so firm in javascript or whatever this is ;)

    Thanks

    #63385

    Please make sure that you’re using the latest theme version (1.1.1). Maybe try to search for following line only:

    greyscale_bindings: function()

    to find the right code part.

    #63386

    This doesn’t seem to work entirely. For me, it has set the images to greyscale, which then turn full colour upon initial rollover. Then the expected greyscale rollover state kicks in.

    Any ideas how to solve this?

    Thanks!

    #63387

    Hi,

    Can you post a link to your website so we can see this live?

    Regards,

    Mya

    #63388

    Yes, it’s at http://test.remedycreative.com/remedy/

    Many thanks,

    Sam

    #63389

    Hey there – did we reach a solution for this problem? I’m having the same troubles.

    #63390
    #63391

    Hi!

    I’ll close this thread now.

    Best regards,

    Peter

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Reverse hover effect in Portfolio pictures’ is closed to new replies.