Custom cursor interaction point - CSS / JQuery

Question

I\'m trying to use a custom cursor for an online game, in this case it\'s a sniper scope.

The problem is when I reference the cursor via CSS, the interaction point

Answer 1

You just need to provide the hotspot's and position in your CSS:

In your example, the center happens to be 24px in from the top/left (huge ass cursor lol)

cursor:url(http://www.seancannon.com/_test/sniper-scope.cur) 24 24,default;

http://jsfiddle.net/9kNyF/15/ see?