Hover effect still carries on after following link.

[FlatspinZA]

Hi, great plugin, thanks for all the work.

I have a problem when using images from other domains, such as:

I apply a hover effect to that, follow the link which opens in a new window, but the only problem is that the 'Built with Grunt' icon carries on with the hover effect until I click somewhere else on the page.

It only happens to images/icons pulled from other domains, not ones on my domain.

Can you suggest some Javascript to eliminate this behaviour please, or point me in the right direction for being a moron.

Thank you.

[IanLunn]

What effect(s) are you using please? And which browser is this occuring in? Seems very odd to only happen on externally hosted images. There is a known browser bug that causes similar to what you have described in WebKit based browsers.

Can you provide a link to your project please?

[FlatspinZA]

Hi, Ian - sorry I am developing locally at the moment - I am using FoundationPress, with jquery.waypoints, animate.css, jquery.smooth-scroll, Font-Awesome, and obviously your Hover.scss. I don't see any conflicts with any of the classes.

I just check it on Firefox, IE & Chrome, and the behaviour is the same across all browsers - the effect persists until either a click on the blank are of the page, or another link is selected. I also checked various effects, and the behaviour is the same regardless of the effect.

And then I solved the problem by removing the effect class from the hyperlink tag & placing it on the image tag. So, there's a thing - thank you for your response, and have a great Christmas.