Forum Discussion
Change mouse cursor on rollover or use a custom image for cursor
This can be done with some Javascript. Make a trigger that runs the following JS:
document.getElementById("slide").style.cursor = "crosshair";
Replace "crosshair" with the type of mouse cursor that you want the user to have from the list below. BUT: This will change the user's mouse cursor for the rest of the course, until it is changed back. So you have to have another trigger somewhere to set the cursor back to "auto".
Here are some common cursors that are included with all modern browsers. They may look a bit different depending on the browser and OS:
- auto (Usually an arrow, but turns into the i-beam over selectable text)
- default (the normal arrow)
- crosshair (a plus sign)
- pointer (usually a hand with the index finger)
- grab (an open hand)
- none (makes the cursor invisible!)
- text (the "i-beam" cursor for selecting text
- wait (a spinning icon like when your computer is loading something)
- progress (the spinning icon with an arrow
For a more complete list with examples see here: https://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor
Using your own custom image is a bit more involved... You'd have to use the "url" cursor in the javascript above, save the image as a .cur file, add it into your Storyline output folder...