Javascript 流星:图像预加载

Javascript 流星:图像预加载,javascript,meteor,image-preloader,Javascript,Meteor,Image Preloader,我制作了一个带有大背景图像的meteor应用程序。现在,应用程序启动,用户可以在加载图像时观看。我最好先加载所需的背景图像,如果加载完成,应用程序就会显示出来。我试图寻找一些概念,但我没有找到一个解决方案,这是可用的流星 因此,我考虑使用Iron路由器的waitOn功能: Router.route('/', { name: 'home', yieldRegions: { 'navigationBar': { to: 'navigation' },

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

因此,我考虑使用Iron路由器的waitOn功能:

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

也许有人知道怎么做…

好的。我已经花了一些时间思考这个问题。我无法提供任何代码示例。但我已经开始为meteor使用appcache,它就像一个符咒。Appcache适用于已经使用过应用程序至少一次的用户

以下是网址:

它允许您指定是否要缓存特定图像(或任何资源)

要预加载图像,请按“预加载”中的方式预加载,meteor没有可用的软件包。我尝试过使用旧的dream weaver风格的图像预加载,这种方式可以工作,但会让应用程序慢一点。我发现了这个


这似乎是一个比使用普通javascript更好的解决方案

我认为appcache在这方面做得不对。这是一个伟大的缓存工具,但这不是这里的任务。。。