流星:图像的预加载

Question

我制作了一个带有大背景图像的流星应用程序.现在,应用程序启动,用户可以在加载图像时观看.我最好首先加载所需的背景图像,如果加载完成,应用程序将显示出来.我试图为此搜索一些概念,但我没有找到一个可用于meteor的解决方案.

所以我想到使用Iron-Router的waitOn函数:

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

也许有人知道如何做到这一点......

Answer 1

好的。我已经花了一些时间思考这个问题。我无法提供任何代码示例。但我已经开始对流星使用应用程序缓存，它的作用就像一个魅力。Appcache 对于已经至少使用过该应用程序一次的用户来说很有用。

这是网址： https: //atmospherejs.com/meteor/appcache

它允许您指定是否要缓存特定图像（或任何资源）。

要预加载图像，请像预加载一样预加载，没有适用于流星的软件包。我尝试过使用旧的 Dream Weaver 风格的图像预加载，这有点有效，但会减慢应用程序的速度。我发现了这个

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

这似乎是比使用纯 JavaScript 更好的解决方案。