You are not logged in.

1

Tuesday, May 10th 2016, 2:00pm

Custom Cursors - how can I change the position / offset of the image?

Hi all.
Using Any way to Unset cursor (HTML5) Pano's as a basis, I'm trying to set a custom cursor for my panoramic video.. I'm curently doing:

Source code

1
2
3
4
5
<cursors	
    standard="url('../cursor.png'), move"
    dragging="url('../cursor.png'), move"
    moving="url('../cursor.png'), move"
/>



…which is working fine except the image is anchored at the top left. What I'd like is for the mouse pointer to be the middle of the image as it's not the best experience otherwise. Looking in the docs I couldn't find anything at all on this, is there a way I can do it?

Thanks in advance :)

2

Tuesday, May 10th 2016, 2:17pm

Hi,

see here at 'Creating Your Own Cursor':
http://www.sitepoint.com/css3-cursor-styles/

but note that the IE browsers only supports .cur images and no x/y offsets.

Best regards,
Klaus