how do you set a custom cursor for the current page from a local image file? basically I need to change to a different cursor programmatically using javascript, but the cursor is stored locally on my hard drive.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
how do you set a custom cursor for the current page from a local image file? basically I need to change to a different cursor programmatically using javascript, but the cursor is stored locally on my hard drive.
You can’t (but see below), because the
file://cannot be accessed or referred from other protocols.You can convert your image to a base64-dataURI, and use it instead of
file://..../cursor.png:You can upload and convert any file to base-64 format at this page. Trim the whitespace, and prefix
data:image/png;base64,.Instead of using data-URIs, an image can also be uploaded to a file host, and embedded as follows:
See also:
cursorpropertycursorproperty