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.
Google considère que ça parle de :
- jquery lazy load
- améliorer son site jquery
- load() jquery
Autres articles dans la catégorie : Web Design
-
7 outils pour visualiser les clics sur votre site web -
De jolies polices pour votre site web -
Les meilleurs thèmes pour site internet
Passionné par le web et ses possibilités de création, julien vous accompagnera dans la création de votre site internet et l'amélioration de votre visibilité sur la toile. Connectez vous avez moi sur viadeo ou linkedin.
