Meteor: Precaricamento immagine/i

Question

Ho costruito un'app meteorica con una grande immagine di sfondo. In questo momento l'app inizia e l'utente può guardare mentre l'immagine si sta caricando. Sarebbe meglio per me caricare prima l'immagine di sfondo necessaria e, se il caricamento è terminato, l'app verrà visualizzata. Ho provato a cercare alcuni concetti per questo, ma non ho trovato una soluzione, che è utilizzabile con meteora.

Così ho pensato di utilizzare il waitOn-funzione del Ferro-Router:

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

Forse qualcuno ha un'idea di come farlo ...

Answer 1

Ok. Ho passato un po 'di tempo a pensarci già. Non sono riuscito a trovare alcun esempio di codice. Ma ho iniziato ad usare appcache per meteor e funziona come un incantesimo. Appcache è adatto agli utenti che hanno già utilizzato l'app almeno una volta.

Ecco l'URL: https://atmospherejs.com/meteor/appcache

Esso consente di specificare se si desidera memorizzare nella cache una particolare immagine (o qualsiasi risorsa) oppure no.

Per precaricare l'immagine, precaricare come nel precaricamento, non ci sono pacchetti disponibili per meteora. Ho provato a utilizzare il vecchio precaricamento dell'immagine in stile dream weaver, e funziona un po ', ma rallenta l'app un po'. L'ho trovato questo

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

Questa sembra essere una soluzione migliore rispetto all'utilizzo di javascript pianura.