Lazy Load Jquery

Si vous avez un blog ou un site avec beaucoup d’images il peut être intéressant d’installer le plugin Lazy Load de Mika Tuupola pour Jquery. Les images vont se charger au fur et à mesure que l’utilisateur « scrollera » la page. Rendez vous sur le site du plugin Lazy Load et sur Jquery pour télécharger les deux fichiers à inclure dans le <head> de votre document avec le code suivant :

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

Ensuite il suffit de rajouter ce bout de code dans le <head> toujours :

<script type="text/javascript">
$(function() {
$("img").lazyload({
effect      : "fadeIn"
});
});
</script>

Pour plus de customisation rendez vous sur le site du Plugin ou pour voir les démos.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *