Forum Discussion
Change mouse cursor on rollover or use a custom image for cursor
Is it possible to use a custom mouse cursor for an interaction, or change the mouse cursor to an image instead of the pointing hand?
I have been asked to do this and I can't figure out a way to make it happen.
Thank you so much for your help!!
- PeterAndersonFormer Staff
Hi Sanju,
That should be easy Take a look at this tutorial and let us know if it helps you achieve what you want...
Thanks!
- PeterAndersonFormer Staff
Hi Sanju,
I believe you would need to do that on your end. If you change the style of your cursor within your machine's settings, the screen recording should pick that up during the recording.
- PeterAndersonFormer Staff
Let us know if it works, and good luck
- TimMurrayCommunity MemberDid anyone find a JavaScript solution for changing the cursor? I would like the cursor to change to a crosshair when users rollover specific objects on a slide. Thanks!
Joe Countryman said:
Hey Kurt and Peter,
I am looking for something similar. I'd like to change the mouse cursor image to a magnifiying glass and a crosshair. With the magnifying glass the learner would use it to hover over certain objects on the screen. The crosshair would be used in a "shooting" scenario to make it more realistic.
Is something like this possible using Javascript?
Thanks in advance.
- DanBeattyCommunity Member
Hi staff,
I came across this thread hoping to find an answer on something user Joe Contryman (see above thread) mentioned. I am building a course about 3D and thought it would be neat to have a pair of 3d glasses, when hovering over objects, makes the objects look 3D. I know how to set up the states for all objects, and to 'change state of' on triggers when 'mouse hovers over' objects - so I'm good there. My question is this: Can I change the mouse to be an image rather than a mouse icon? I am trying to avoid the issue of the user using their mouse to first pick up the 3D glasses then have to hover over things. I would like their mouse to already be a paid of 3D glasses. Thanks!
Hi Dan! It looks like you have found the best threads, and hopefully someone will be able to assist you with this design set up :) I will link your other thread for anyone in the community that may run across this as well.
- DanBeattyCommunity Member
Thanks!
Hi Dan!
One more FYI :) When you reply to the forums via e-mail, your signature is attached. Please feel free to pop in and edit if needed.
- DanBeattyCommunity Member
ooo. good to know. thanks.
- S-JBirchCommunity Member
I am looking at a way to do this in Storyline 2 - and I am mucking about with javascript in order to do it. It is possible within the HTML specifications to swap a system cursor out with a custom image.
Check method for the result http://www.ajaxblender.com/article-sources/jquery/custom-cursors/index.html. The jQuery method seems to be the most powerful.
Question is: Would this be possible in Storyline 2 output?
Hi Soren! Hopefully someone more versed in JavaScript will be able to pop in and assist you here. I'm not familiar with that nor do we offer support for JavaScript.