LazyLoad est une librairie jQuery qui permet d’éviter la surcharge du serveur en ne téléchargeant pas les images inutiles.

Elle permet donc de ne pas télécharger les images qui ne sont pas visible dans la fenêtre de l’internaute (les images en bas de page, non visible au chargement).
Ces images ne vont être chargée que lorsque l’utilisateur fait défiler la page et arrive à l’image pas encore chargée).

Pour mieux la découvrir je vous invite à vous rendre sur http://www.appelsiini.net/projects/lazyload.

Demo

Vous avez déjà remarqué les Sliders que l’on peux retrouver sur l’iPhone pour le déverrouiller ?
Découvrez comment remplacer les cases à cocher de votre site web par ceci :

La mise en place est très simple :
On réalise toutes les importations :

<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="iphone-style-checkboxes.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>

On crée un événement pour mettre en place les sliders à la fin du chargement :

 // Avec jQuery :
$(document).ready(function() {
     $(".checkbox").iphoneStyle();
});

// Avec prototypeJS :
document.observe("dom:loaded", function() {
     new iPhoneStyle('[type=checkbox]');
});

Comme nous pouvons le voir, cette librairie fournie GitHug est très simple à mettre en place.
On notera aussi que cette librairie:

• supporte le glissement à la souris
• s’ajuste automatique en fonction du contenu
• fonctionne avec les navigateurs ne prenant pas en compte le javascript
• est compatible avec l’iPhone

Vous voulez skier à Vancouver comme les professionnels ?
Google vous le permet !
Découvrez les pistes et plus encore dans Street View.

Voilà une façon idéale pour visualiser les pistes de ski canadiennes tranquillement assis dans votre salon à l’autre bout du monde.

Skier avec Google !