Chargement d'images au fil du scroll avec prototype.js

Par j0k le mercredi 12 septembre 2007, 09:42 dans développement - 5599 vues

Une idée sympa : affiché un site en ne chargeant que les images que l'utilisateur voit. C'est à dire seulement celle que son navigateur affiche avant qu'il ne scrolle. On gagne ainsi en chargement de la page étant donné que toutes les images du "bas" du site ne sont pas chargés.
En scrollant, on arrive sur de nouvelles images que le script charge au fur et à mesure que l'on scrolle. Bon, si vous scrollez tout en bas direct, il va mettre du temps à afficher la dernière image, étant donné qu'il les charge au fur et à mesure. Ce p'tit script est fait avec prototype.js et peut s'avérer pratique si vous avez une page énorme avec beaucoup d'images à afficher.

La démo sera certainement plus parlante :-)

Pensez à vous inscrire !

  • C'est rapide
  • Utiliser votre compte Facebook
  • Ou votre Open ID
Laisser un commentaire




Captcha picture refreshAudio



Catégories


Tags


Liens