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
Reverse Hover effect
7 posts from 5 voices- Started 1 year ago by theorhodes
- Latest reply from Ismael
- This topic is closed
- This topic is resolved
-
Posted 1 year ago #
-
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; }Posted 1 year ago # -
This works for me - thank you, Mr Dude.
Posted 1 year ago # -
Thanks so much for that!! I'll try it as soon as back home!
Cheers
TheoPosted 1 year ago # -
It works! the Dude has done it, cheers!
TheoPosted 1 year ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
