流星：画像のプリロード

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

[OK]をクリックします。私はこれについて既に考えていた。私はコードサンプルを思い付くことができませんでした。しかし、私は流星のためにappcacheを使い始めました。それは魅力のように機能します。 Appcacheは、すでに少なくとも1回はこのアプリを使用しているユーザーに適しています。ここで

はURLです：https://atmospherejs.com/meteor/appcache

それはあなたが特定の画像（または任意のリソース）をキャッシュするかどうかを指定できますか。

イメージをプリロードするには、プリロードのようにプリロードしてください。流星のために利用できるパッケージはありません。私は古い夢のウィーバースタイルの画像のプリロードを使用しようとしている、それはちょっと動作しますが、アプリを少し遅くします。私は、これは、プレーンJavaScriptを使用してより良い解決策であるように思わこの

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

を見つけました。