30 oct 2009

Plugin jQuery : QueryLoader, précharger vos pages web

Plugin jQuery : QueryLoader, précharger vos pages webJe vous ai parlé de Lazy Load un plugin jQuery permettant de différer le chargement de vos images.

Ici, c’est plus fort puisque c’est tout ou une partie de la page qui va être charger d’un coup d’œil, en ajoutant une sorte de loading en attendant le chargement des éléments qui la compose.

Pour la mise en place, rien de plus simple puisque cela tient en quelques lignes :

<link rel="stylesheet" href="queryLoader.css" type="text/css" />

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="queryLoader.js"></script>
<script type="text/javascript">
    QueryLoader.init();
</script>

Et voilà, dans cet exemple c’est toute la page qui sera « préloader ».

Pour « customizer » un peu et ne prendre en compte qu’un seul élément, le paramétrage est lui aussi très simple :

<script type="text/javascript">
    QueryLoader.selectorPreload = "#idOfTheElement";
    QueryLoader.init();
</script>

La démo (qui vaut le détour) et les sources sur le site officiel.

Lien :

Article(s) sur le même sujet :

Ce billet a été posté par devzonefr le Vendredi 30 octobre 2009 à 9 h 26 min et est classé sous Javascript. Vous pouvez suivre les réponses à ce billet via le flux RSS RSS 2.0. Vous pouvez laisser une réponse, ou faire un trackback depuis votre propre site.

7 Tweets

Un commentaire

30 oct 2009
Kinobi :

Pas mal et propre.

J’ai une landing page avec beaucoup de visuels dans un projet en cours.
Je vais essayer ça durant un futur test pour voir la réaction des visiteurs. Avec une insertion si et seulement si c’est le premier affichage de la session par contre.

On en parle ailleurs...

Laisser une réponse





* Champ obligatoire.

Additional comments powered by BackType