Magnifying Glass (zoom) Cursor over image

Question

I'm looking for a solution to change the cursor to a magnifying glass upon hovering over a Fancybox image.

Like on Pinterest, when you hover an image (using chrome).

So far I have this which doesn't have cross-browser support.

.picture img {
    cursor:url(/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in;
}

Is there a better way to approach this problem?

Answer 1

You can use:

.picture img{
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}