मैग्निफाइंग ग्लास (ज़ूम) छवि पर कर्सर

Question

मैं एक फैंसीबॉक्स छवि पर होवर करने पर कर्सर को एक आवर्धक ग्लास में बदलने का समाधान ढूंढ रहा हूं।

Pinterest पर, जब आप एक छवि (क्रोम का उपयोग कर) करते हैं।

अभी तक मेरे पास यह है कि क्रॉस-ब्राउज़र समर्थन नहीं है।

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

क्या इस समस्या से संपर्क करने का कोई बेहतर तरीका है?

Answer 1

है कि आप एक कर्सर फ़ाइल .cur और नहीं एक .gif फ़ाइल का उपयोग करने की आवश्यकता है के लिए

, तो

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

Answer 2

की तरह आप उपयोग कर सकते हैं यह हो जाएगा:

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

Answer 3

अनुसार caniuse.com को, प्रासंगिक ब्राउज़र अब आईई को छोड़कर cursor: zoom-in; का समर्थन करते हैं। डब्ल्यू 3 स्कूल्स पर आईई उपयोग 6.1% तक है ... घड़ी आईई की कोशिश कर रहा है!

.picture img{ 
    cursor: zoom-in; 
}