Hi, does anyone know how to change the cursor to a custom image?I'm currently trying:document.body.style.cursor = "url(images/myCursorImage.png), crosshair"Here is my super simple project:http://share.framerjs.com/kyucotu9coc4/
Hey Chris Conover - you can edit the style.css file within the /framer folder of your prototype to change the cursor image link there. Alternatively, can also override the "cursor.png" that is within /framer/images.
Thanks. Is there any way to do it dynamically in coffee script? I was hoping to change it to different images within the same prototype.
Thanks for the help Benjamin Den Boer. I ended up creating different css classes to support different types of custom cursors. I also realized that my custom images were too large. The limit is 128x128px.https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url
Ah, that's true Chris. Another thing you may be interested in is defining the cursor as a Framer layer. You'll have to account for the "mousemove" events to change the position accordingly, but the upside is that you could listen to Click events to design your own highlighting / clicking animations as well. (Scale on Click, for instance)