Magnifying cursor won't work in both Moz and Webkit browsers - CSS-Tricks

This topic is empty.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
August 29, 2010 at 2:49 pm #30093
virtual
Participant
I am having difficulty getting the cursor to turn into a magnifier in both Mozilla and Webkit browsers. In the js file, I have this line
```
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
```
which works fine with Firefox, however if I do this, neither of them work.
```
cursorcss: 'url(magnify.cur), -webkit-zoom-in, -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image
```
I can only get one or the other to work, not both at the same time.

I also tried adding this into the html file
```
 
```
but that did not work with either of the browsers.

Can anyone tell me how to get this to work?
August 30, 2010 at 11:50 am #80946

virtual
Participant

Anyone??

August 30, 2010 at 12:53 pm #80921

Chris Coyier
Keymaster

This definitely warrants some study. I’ll have it bookmarked to look into deeper.

August 30, 2010 at 3:16 pm #80926

virtual
Participant

Thanks Chris, if I find the solution elsewhere I’ll post it.

August 31, 2010 at 10:40 pm #80808

virtual
Participant

I just figured out that if I add the cursor style inline it works. But Oh what a pain, adding all that markup, I was hoping for a more dynamic solution.

September 2, 2010 at 7:22 pm #80723
virtual
Participant
I was given a better solution, the return statement of the js script added to the html file needs to be modified a little to read as follows:
```
 
```
Then there is no need for the inline markup.
March 28, 2011 at 11:28 am #53429
jimsilverman
Member
just stumbled upon this thread from Google. have you tried using plain old CSS? this worked for me.
```
img {

cursor:pointer;

cursor:-moz-zoom-in;

cursor:-webkit-zoom-in;

}
```
zoom icon works for both mozilla and webkit. other browsers get the regular pointer icon.
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘JavaScript’ is closed to new topics and replies.