Метеор: предварительная загрузка изображений

Question

Я создал метеорное приложение с большим фоновым изображением. Прямо сейчас приложение запускается, и пользователь может наблюдать за загрузкой изображения. Для меня было бы лучше сначала загрузить необходимое фоновое изображение, и если загрузка завершится, приложение отобразится. Я пытался найти некоторые концепции для этого, но я не нашел решения, которое можно использовать с метеором.

Поэтому я подумал об использовании функции waitOn Iron-Router:

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

Может быть, у кого-то есть идея, как это сделать...

Answer 1

Хорошо. Я провел некоторое время, думая об этом уже. Я не смог придумать ни одного примера кода. Но я начал использовать appcache для метеора, и он работает как шарм. Appcache хорош для пользователей, которые уже использовали приложение хотя бы один раз.

Вот URL: https://atmospherejs.com/meteor/appcache

Это позволяет вам указать, хотите ли вы кэшировать конкретное изображение (или любой ресурс) или нет.

Для предварительной загрузки изображения, предварительной загрузки, как в предварительной загрузке, нет пакетов, доступных для метеора. Я попытался использовать предзагрузку изображения в стиле старого сновидения, и это вроде работает, но немного замедляет работу приложения. Я нашел это

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

Это, кажется, лучшее решение, чем использование простого JavaScript.