CODEWITHSUNDEEP
javascripthtmlcss
hussain
hussain

Reputation: 31

Change the cursor to zoom in and zoom out symbol

I want to know how to change the cursor point to zoom in and zoom out symbol.

I know how to change the cursor to busy, wait and etc,

document.manual_production.style.cursor='wait';

but I don't know how to change the cursor to that for zooming in and out.

I got it by this way

document.manual_production.image1.style.cursor='-moz-zoom-out';

Upvotes: 1

Views: 6023

Answers (3)

Henrik N
Henrik N

Reputation: 16284

And for Chrome/Safari/WebKit, there is cursor: -webkit-zoom-in and cursor: -webkit-zoom-out.

Upvotes: 4

Stephan Muller
Stephan Muller

Reputation: 27600

What @sheeks06 is saying is that you need to upload your own cursor image. Google for 'free cursors', wade through the heaps of idiotic animated cursors until you find one you need, upload it to your web server.

url(/path/to/mycursor.cur) means the place you uploaded your cursor.

-moz-zoom will only work in Mozilla Firefox, not in most other browsers.

Upvotes: 1

gianebao
gianebao

Reputation: 18928

Your going to need a cur icon for that:

document.manual_production.style.cursor = 'url(/path/to/mycursor.cur) 0 0, pointer';

Upvotes: 3

Related Questions