Arrow on mouse over
Permalink Browser Info Environment
Hello,
Thank you for your great slider.
I am looking for a solution to have a mouse over action with arrow.
One image png with 20% transparent in normal state and the same with 100% on mouse over.
I am not a developper but, i can apply css, images and code if you have the solution to do that ?
Thank you for your help.
Jeff
Thank you for your great slider.
I am looking for a solution to have a mouse over action with arrow.
One image png with 20% transparent in normal state and the same with 100% on mouse over.
I am not a developper but, i can apply css, images and code if you have the solution to do that ?
Thank you for your help.
Jeff
Type: | Discussion |
---|---|
Status: | New |
James, it's absolutly perfect !! and feel more interactive like that.
Thank you very much.
I write your CSS and this line too :
Thank you very much.
I write your CSS and this line too :
div.orbit-wrapper div.timer span.pause{ opacity: 0.5; } div.orbit-wrapper div.timer span.mask{ opacity: 0.5; } div.orbit-wrapper div.timer span.mask move{ opacity: 0.2; }
Well done. Glad I could help out and that you like the slider.
If you get a chance, could you write up a review for the slider? That would be greatly appreciated.
Regards
James
If you get a chance, could you write up a review for the slider? That would be greatly appreciated.
Regards
James
The following css should help you...
You should be able to add this css to the css file of the theme your site is using. Let me know if you need any help.
Also, have you considered what this change will do to people using mobile or tablet devices to view your website? Devices with touch screens have no hover ability so the navigation arrows will always appear faded. We can get around this by wrapping the css above in a media query that in effect would only apply the faded nav style if the user is on a large screen device like a desktop. The media query version of the css would look like this...
Regards
James