loader con gif

[Mattia]

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.