उल्का: छवियों का प्रीलोडिंग

Question

मैंने एक बड़ी पृष्ठभूमि छवि के साथ एक उल्का ऐप बनाया। अभी ऐप शुरू होता है और छवि लोड होने के दौरान उपयोगकर्ता देख सकती है। मेरे लिए आवश्यक पृष्ठभूमि-छवि को पहले लोड करना बेहतर होगा और यदि लोडिंग समाप्त हो गई है तो ऐप दिखाई देगा। मैंने इसके लिए कुछ अवधारणाओं की खोज करने की कोशिश की, लेकिन मुझे कोई समाधान नहीं मिला, जो उल्का के साथ प्रयोग योग्य है।

तो मैं आयरन-रूटर के waitOn-समारोह का उपयोग कर के बारे में सोचा:

Router.route('/', { 
    name: 'home', 
    yieldRegions: { 
     'navigationBar': { to: 'navigation' }, 
     'contentPage': { to: 'content' } 
    }, 
    waitOn: function() { 
     // Loading image, and if loaded, go further on... 
    } 
}); 

हो सकता है कि किसी को एक विचार यह है कि कैसे करना है ...

Answer 1

ठीक है। मैंने पहले से ही इस बारे में सोचने में कुछ समय बिताया है। मैं किसी भी कोड नमूने के साथ आने में असमर्थ था। लेकिन मैंने उल्का के लिए एपकेच का उपयोग करना शुरू कर दिया है और यह एक आकर्षण की तरह काम करता है। ऐपकेच उन उपयोगकर्ताओं के लिए अच्छा है जिन्होंने कम से कम एक बार ऐप का उपयोग किया है। https://atmospherejs.com/meteor/appcache

यदि आप किसी विशेष छवि (या किसी भी संसाधन) या नहीं कैश करने के लिए चाहते हैं आप निर्दिष्ट कर सकते हैं:

यहाँ यूआरएल है।

छवि को प्रीलोड करने के लिए, प्रीलोड में प्रीलोड करें, उल्का के लिए कोई पैकेज उपलब्ध नहीं है। मैंने पुराने सपने वीवर शैली छवि प्रीलोड का उपयोग करने की कोशिश की है, और वह थोडा काम करता है लेकिन ऐप को धीमा कर देता है। मैंने पाया इस

https://github.com/farinspace/jquery.imgpreload

यह सादा जावास्क्रिप्ट का उपयोग करने से एक बेहतर समाधान हो रहा है।