Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
loader con gif
#1
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
Cita messaggio
#2
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.
Mattia!
Cita messaggio
#3
ahahahaha sei stato nientepopodimeno che chiarissimo!! Big Grin

Grazie mille
Cita messaggio


Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)