Preload grafico per immagini

Supponiamo di avere una pagina del nostro sito con alcune immagini da mostrare. In questo caso è sempre opportuno non far attendere troppo l’utente che, con una connessione lenta, impiegherebbe diverso tempo per visualizzarle tutte.
Per porre rimedio si ricorre ad un preload in javascript che, come si intuisce facilmente, si occupa di precaricare le immagini nella cache del pc del visitatore.
In questa maniera, quando verranno richiamate dal browser, le foto saranno molto più veloci da scaricare. Il codice è utilissimo anche nel caso in cui la pagina abbia dei bottoni in rollover.
Da notare anche che lo script mostra una barra di caricamento ogni volta che “entra in azione”; un effetto sicuramente non fastidioso e che dà un tocco di originalità al sito

I Video di HTML.it

Vito Russo

Un backend gratis per le app mobile con Windows Azure Mobile Services