Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #12254

    Hi,

    I know this has ben raised in several other threads but has anyone come up with a solution as to how to reverse the portfolio hover effect, the code changes given, as others have said, don’t seem to work, the thumbnails appear as greyscale until they are rolled over then the reverse effect seems to work i.e colour to greyscale. Any help would be much appreciated as this is the final piece of the puzzle for me!

    Thanks in advance

    Theo

    #74848

    In js/aviapoly.js replace:

    $(".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);
    });

    with:

    $(".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);
    });

    and add following code to css/custom.css:

    .greyscale-image{
    opacity: 0;
    }

    #74849

    This works for me – thank you, Mr Dude.

    #74850

    Thanks so much for that!! I’ll try it as soon as back home!

    Cheers

    Theo

    #74851

    Let us know if it doesn’t work for you. Otherwise, glad Dude was able to provide a solution :)

    Regards,

    Devin

    #74852

    It works! the Dude has done it, cheers!

    Theo

    #74853

    Hi,

    Glad that it works. :)

    Cheers,

    Ismael

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

The topic ‘Reverse Hover effect’ is closed to new replies.