jQuery Using .blur() on an Image -
माता-पिता div पर क्लिक किए जाने पर एक छवि लुप्त होती है, सरल सही?
I रेडियो बटन अनुकरण करने के लिए इस तकनीक का उपयोग कर रहा हूं।
HTML
& lt; div id = "parent_div" & gt; & Lt; img id = "image_id" शैली = "प्रदर्शन: कोई नहीं;" src = "/ images / some_image.png" & gt; & Lt; / div & gt; JQuery
$ ('# parent_div')। पर ('क्लिक', फ़ंक्शन () {$ ('# image_id')। FadeIn ( 200);}); अब समस्या है, फ़ायरफ़ॉक्स में (शायद अन्य ब्राउज़रों भी), जब माता-पिता div पर क्लिक किया जाता है, और छवि में फ़ेड हो जाता है, तो छवि को हाइलाइट किया जा रहा है। < / P>
कहा जा रहा है के साथ, अगर मैं स्क्रीन पर कहीं और क्लिक करता हूं, तो छवि पर प्रकाश डाला जाता है।
मैंने कोशिश की। ब्लर () का उपयोग करने की कोशिश की, उम्मीद है कि यह काम कर सकता है।
$ ('# image_id ') fadein (200) .blur ()।; JSFiddle:
यह मेरा बेवकूफ दृश्य है:
मुझे यह अनुमान लग रहा है कि आप इसके बाद क्या हैं:
$ ('img, .radio_btn') पर ('माउज़ेडाउन', फ़ंक्शन (ई) {document.onselectstart = function () {वापसी झूठी;}; e.target.ondragstart = function () {वापसी झूठी;}; वापसी वापसी;}); $ ('। Radio_btn')। ('पर क्लिक करें', फ़ंक्शन () (यदि (! $ ('Img', यह) .is (': visible')) {$ ('img', this)। FadeIn ( 200); $ ('। रेडियो_बीटीएन')। नहीं (यह) .फंड ('आईएमजी')। फेडऑट (200);}});
Comments
Post a Comment