Rotating custom pointer on slider

JavaScript
1

Hi all,

I’m quite keen on the way the custom cursor over the slider rotates on this site: http://www.landrover.co.uk/index.html

Any ideas how I’d replicate this sort of thing? I’m assuming it’s jQuery?

Thanks in advance!

2

I’d definitely say that jQuery is a possibility. I started searching around on the topic and ran into this post http://stackoverflow.com/questions/27949020/change-mouse-cursor-according-to-x-y-position .

You can use the :hover selector with the cursor property
to do this. Make two fixed, transparent elements for each half of the
page to use with :hover, and specify a custom cursor image by assigning cursor a URL. No JS required…

The example they indicate though has no transition - it goes from < to > - and is otherwise what you want. Not sure what you’d want to do for the animation.

Curious to see what the JS gurus have to say about this, if anything?

3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.