+- Forum di Matriz (https://www.matriz.it/forum)
+-- Forum: Programmazione Web (https://www.matriz.it/forum/forum-26.html)
+--- Forum: (X)HTML, CSS & JavaScript (https://www.matriz.it/forum/forum-28.html)
+--- Discussione: loader con gif (/thread-682.html)
loader con gif - Chandler - 12/06/2014
Ciao Mattia,
domanda ignorante:
è possibile creare un "finto" loader che aspetti il completamento di una gif per caricare i contenuti del sito?
Mi spiego, ho fatto una gif che simula il caricamento del sito in percentuale, dura abbastanza tempo da permettere il caricamento effettivo.
Per come è stato settato attualmente questo loader su mangiaridistrada, io che ho la fibra arrivo si e no al 10% e poi mi apre direttamente il sito. Quello che vorrei capire è se possiamo fare arrivare la gif al 100% e solo dopo avviare il sito (come se fosse un intro)
Fammi sapè
Grazie
RE: loader con gif - Mattia - 12/06/2014
Oltre a verificare tramite JavaScript che il sito è stato caricato, devi verificare che siano passati anche i secondi della durata della GIF.
Lo script che sfrutta jQuery potrebbe essere questo:
Codice:
var loading = {
'gif_length': 5, // Durata in secondi della GIF
'loaded': false,
'start_time': new Date(),
'interval': null,
'init': function() {
var that = this;
$(window).load(function() {
that.loaded = true;
that.interval = setInterval(that.load, 1000);
});
},
'load': function() {
if (this.loaded && new Date() - this.start_time >= this.gif_length * 1000) {
// Nascondi la GIF e mostra il sito
clearInterval(this.interval);
}
}
};
$(document).ready(function() {
loading.init();
});A gif_length devi assegnare la durata in secondi della GIF e dove c'è il commento "Nascondi la GIF e mostra il sito" devi inserire nientepopodimeno che il codice che nasconde la GIF e mostra il sito.
RE: loader con gif - Chandler - 12/06/2014
ahahahaha sei stato nientepopodimeno che chiarissimo!!
Grazie mille