Sto costruendo una vista ad albero con un plugin jQuery chiamato jquery-treeview. La creazione di questa vista ad albero richiede molto tempo (circa 5-7 secondi) e voglio mostrare una ruota che gira o una barra di avanzamento quando la pagina si sta caricando. Qualcuno sa come farlo? Ho trovato solo soluzioni per caricare video o immagini dove è noto quanti dati devono essere caricati.Mostra rotella o barra di avanzamento quando il sito web sta caricando
Hiya vedere questo demohttp://jsfiddle.net/hEB7d/ohttp://jsfiddle.net/Eh8tU/ (solo per mostrare immagini)
Bruv, per il progresso Bar visita Twitter bootstrap, o flick po 'di codice potrei essere in grado di vedere un aiuto fuori .
L'idea è che il codice sa quando on load e on success accadrà per il frammento di codice e metterà il caricamento dell'immagine tra questo processo.
Il tuo jsFiddle non funziona per me :( – Shikiryu
@Shikiryu cooleos, gimme 2 min, eseguirà il ping presto! :) questo sta succedendo perché il caricamento dell'immagine avviene troppo velocemente vedi questo: http://jsfiddle.net/Eh8tU/ quella immagine caricata apparirà prima che l'immagine reale apparirà :) se aggiungete questo nel vostro codice questo dovrebbe funzionare, avere una bella, cheerios! post scriptum Sto cercando di creare un ritardo nel mezzo per mostrarti un campione se posso :) –
Prova questo sito:
http://fgnass.github.com/spin.js/
è possibile creare un filatore di vostra scelta e poi si danno esempi di come usare al di sotto.
Spero che questo aiuti :)
bellissimo! Grazie mille – macool
Mi dispiace per sembrare pedante, ma 5-7 secondi per caricare un sito Web sono dolorosi per l'utente. Si prega di prendere in considerazione un'ottimizzazione, ad esempio solo costruendo il primo livello dell'albero in un primo momento. –