फीका में फीका, फीका, और फीका करने के तरीके

तो, आइए विचार करें कि फ़ेडइन और फ़ेडऑट के तरीकों में क्या गलत है, जो कि प्रलेखन के अनुसार, फ़ेडटो विधि के एनालॉग हैं, लेकिन उनकी कुछ ख़ासियतें हैं। पहली नज़र में, कुछ भी नहीं, सब कुछ दस्तावेज में लिखा गया है। हालांकि, यह हमेशा सच नहीं होता है, और प्रलेखन में सभी विशेषताएं नहीं मिल सकती हैं।

यह सब सरलतम एनीमेशन के साथ शुरू हुआ।

तस्वीर को दूसरी तस्वीर के साथ बदल दिया गया है, लेकिन इसे बनाया गया है ताकि आप बस दूसरी तस्वीर को छिपा सकें और दिखा सकें। एनिमेशन को स्वतंत्र रूप से और हॉवर पर काम करना चाहिए।
पहली बात जो मन में आई:

target1.fadeIn(duration); //    target2.fadeOut(duration); //    

इतना सरल है।
लेकिन आगे और पीछे माउस के त्वरित आंदोलनों के साथ, एनीमेशन कतार जमा हो जाती है, और पॉइंटर बंद होने के बाद, हम कुछ समय के लिए "चमकती" तस्वीरों का निरीक्षण करते हैं। गड़बड़। ठीक करना।

 target1.stop().fadeIn(duration); //    target2.stop().fadeOut(duration); //    

हम कोशिश करते हैं। यह काम करता है! अच्छा लगा ...

लेकिन यह यहाँ नहीं था ...

यदि आप पॉइंटर को बहुत तेजी से आगे-पीछे करते हैं, तो आप उस क्षण को "पकड़" सकते हैं जब एनीमेशन बंद हो जाता है, जैसा कि स्टॉप () विधि को कॉल करने के बाद , लेकिन अगला एनीमेशन काम नहीं करता है !
इस त्रुटि की ऑन-लाइन जाँच के लिए कोड (प्रारंभिक मूल्य लक्ष्य के लिए अस्पष्टता = 0 है):

 target.fadeOut().stop().fadeIn() 

नतीजतन, तस्वीर पूरी तरह से गैर-पारदर्शिता के बजाय पारभासी बनी रही, क्योंकि यह फीका होने के बाद होना चाहिए।
वैसे, फ़ेडऑट अपेक्षा के अनुसार पूरा होता है, या लगभग पूरी तरह से समझ में नहीं आया। (खेलने के बजाय अगले आराम को रोशन करने के लिए कुछ है।)

मैं समझने लगा। एक प्राचीन बग मिला: ट्रैकर का लिंक ।
इस त्रुटि को पुन: उत्पन्न करने के कुछ त्वरित और आसान उदाहरण यहां दिए गए हैं।

लगभग डेढ़ साल बाद, डेवलपर्स ने फैसला किया कि यह बग नहीं है, लेकिन एक विशेषता है , और इस विषय को बंद कर दिया है। जैसे, यह किसको परेशान करता है, पैच को काटो, और हम सोचेंगे ...

निर्णय

समाधान सरल है - ऐसी स्थितियों में fadeIn का उपयोग न करें, और इसके साथ fadeOut किया जा सकता है, और fadeTo का उपयोग करें, जो प्रलेखन के अनुसार कार्य का सामना करता है:

 target1.stop().fadeTo(duration, 1); //  fadeIn    target2.stop().fadeTo(duration, 0); //  fadeOut    

मैंने सोचा था कि यह एक आदेश नहीं था, और यह कम से कम, रूसी में इसके बारे में लिखने के लिए चोट नहीं पहुंचाएगा।
दस्तावेज़ीकरण में कभी भी इस "विशेषता" का वर्णन शामिल करने की संभावना नहीं है। यह एक पैच बनाने के लिए तेज़ है, और फिर मैं अपने खाली समय में ऐसा करूँगा यदि कोई मुझसे आगे नहीं निकलता है।

इसके अलावा, मैंने स्टॉप का उपयोग करने से पहले इस बग को "पकड़ा" (), एक साथ एनिमेशन को शुरू करने के लिए fadeIn में झूठी पंक्ति से गुजर रहा है। परिणाम समान है - अस्पष्टता के शून्य के करीब कुछ मूल्य पर एनीमेशन "त्रिशंकु"।