Ce plugin permet de différer le chargement des images des pages de votre site. Chaque image n’est chargée qu’à partir du moment où elle approche à une certaine distance du bas de la fenêtre du navigateur. Cela peut être pratique pour les sites qui affichent beaucoup d’images sur leurs pages (réduction de la bande passante utilisée si le visiteur ne visionne pas toute la page).
Accéder à la page de démonstration du plugin.
Installation et configuration
- jQuery Lazy Load pour SPIP
- Télécharger le plugin sur la zone.
Installation et activation comme tous les plugins.
La page de configuration du plugin permet de gérer :
- le sélecteur des images sur lesquelles Lazy Load sera appliqué (expression CSS ou étendue jQuery).
- la distance du bord de la fenêtre à laquelle les images seront chargées.
- l’événement qui déclenchera l’affichage des images (click, mouseover, etc).
- l’effet de transition lors du chargement des images (fadeIn, slideDown, etc).
Crédits
Script original de Mika Tuupola
Icône de www.iconshock.com
jQuery Lazy Load pour SPIP
Vos commentaires
# Le 14 octobre 2010 à 10:14, par Fil
En réponse à : jQuery Lazy Load pour SPIP
Je n’arrive pas à faire fonctionner ce plugin. Quand on regarde la page on dirait qu’il marche (les images apparaissent grisées puis se chargent quand on scrolle) ; mais quand on regarde firebug et les logs du serveur, on voit que les images sont chargées dès le début... puis une seconde fois quand elles se « dégrisent ».
# Le 14 octobre 2010 à 11:04, par b_b
En réponse à : jQuery Lazy Load pour SPIP
Salut Fil,
Oui il y a bien un bug avec le script original. On peut trouver pas mal d’infos là dessus dans les commentaires du site de l’auteur. Tout d’abord le script ne semble pas fonctionner sous Safari :
De plus le script ne fonctionne pas bien avec les dernières versions des navigateurs. La solution (pas très propre) proposée par l’auteur est de modifier le html de ses images :
http://www.appelsiini.net/projects/lazyload#comment-52886388
http://www.appelsiini.net/2009/12/tuning-lazy-loader
En résumé : ça marche pas chez moi non plus :p
Répondre à ce message
# Le 12 juillet 2010 à 15:23, par Valéry
En réponse à : jQuery Lazy Load pour SPIP
Joli !
Existe-t-il un moyen d’étendre l’effet à tous les éléments et non pas seulement aux images ? Ceci pourrait avantageusement remplacer la pagination pour l’exploration du contenu via une page « infinie ».
# Le 12 juillet 2010 à 16:19, par b_b
En réponse à : jQuery Lazy Load pour SPIP
Salut Valéry, non le plugin ne gère que le chargement différé des images. J’ai déjà repéré des scripts jquery pour gérer un « scroll infini » mais je n’ai pas encore commencer à travailler sur le portage de ces scripts pour SPIP.
http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/
++
# Le 13 juillet 2010 à 07:31, par Valéry
En réponse à : jQuery Lazy Load pour SPIP
Merci pour ton retour. D’ores et déjà le plugin permet de propose une liste d’articles bien plus longue sans être handicapé par le poids des vignettes.
Répondre à ce message
# Le 31 mai 2010 à 22:04, par ju
En réponse à : jQuery Lazy Load pour SPIP
Super !
Il est compatible 2.1 ?
# Le 1er juin 2010 à 15:14, par b_b
En réponse à : jQuery Lazy Load pour SPIP
Salut, oui le plugin fonctionne bien en 2.1.
Une démo ici : http://labo.eliaz.fr/spip.php?article24
++
Répondre à ce message
# Le 3 janvier 2010 à 16:30, par nad13
En réponse à : jQuery Lazy Load pour SPIP
bonjour, j’utilise le squelette alternative sur mon site spip
j’ai installé le plugin en mode auto, j’aimerais bien faire affiché des images aléatoires sur ma page d’accueil
sachant que le squelette possède le fichier inc-photo-aleatoire.html
help please
ps :je debute en webmaster
merci d’avance
Répondre à ce message
# Le 7 novembre 2009 à 19:35, par neofutur
En réponse à : jQuery Lazy Load pour SPIP
bonjour, je teste le plugin et il semblerai qu il necessite comme dependance d installer ( au moins ) le plugin CFG, est ce bien le cas ? le plugin a t il d autres dependances ?
# Le 11 novembre 2009 à 19:12, par b_b
En réponse à : jQuery Lazy Load pour SPIP
Bonsoir, oui le plugin utilise CFG pour sa page de configuration (donc pas de necessite dans le plugin.xml) et c’est sa seule dépendance.
++
Répondre à ce message