Jquery: loader per immagini

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"
    });
});