Szkła powiększające (powiększenie) Kursor na obrazie

Question

Po ustawieniu kursora nad obrazem w Fancybox szukam rozwiązania, które zmieni kursor na szkło powiększające.

Podobnie jak na Pintereście, po najechaniu na zdjęcie (przy użyciu chrome).

Do tej pory mam to, co nie obsługuje wielu przeglądarek.

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

Czy istnieje lepszy sposób podejścia do tego problemu?

Answer 1

Do tego trzeba użyć pliku kursora .cur a nie .gif pliku, więc to będzie jak

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

Answer 2

Można użyć:

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

Answer 3

Według caniuse.com The odpowiednie przeglądarki teraz obsługują tylko cursor: zoom-in;, z wyjątkiem IE. Zużycie IE spadło do 6,1% na w3schools ... zegar a'ticking IE!

.picture img{ 
    cursor: zoom-in; 
}