disign.it | Jquery: loader per immagini | a digital sign for a best design!
A digital sign for a best design
Javascript 3.504 visualizzazioni

Jquery: loader per immagini

30/03/2012

Avete una pagina con molte immagini particolarmente pesante e quindi a rischio di lentezza di caricamento?

Un'altra volta Jquery ci viene in aiuto con uno script che mentre vengon caricate le immagini mostra un overlay con una barra di caricamento progressiva.

Caricata l'ultima versione di Jquery, (qui l'articolo), richiamiamo lo script jquery.queryloader2.js (scaricabile da qui) e lo lanciamo, potendo anche intervenire su una serie di parametri (qui la documentazione) come nell'esempio proposto:

 

$(document).ready(function () {
    $("body").queryLoader2({
        barColor: "#6e6d73",
        backgroundColor: "#fff1b0",
        percentage: true,
        barHeight: 30,
        completeAnimation: "grow"
    });
});   

← Jquery: autocompletamento campo Jquery: footer fisso →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.