SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 216 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > jQuery Lazy Load > jQuery Lazy Load pour SPIP

jQuery Lazy Load pour SPIP

29 juillet 2009 – par b_b – 19 commentaires

14 votes

Ce plugin permet d’utiliser le script jQuery Lazy Load dans les pages publiques de votre site.

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

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

Voir en ligne : http://plugins.spip.net/lazyload

Dernière modification de cette page le 17 septembre 2015

Retour en haut de la page

Vos commentaires

  • Le 23 mars 2016 à 14:29, par Julien En réponse à : jQuery Lazy Load pour SPIP

    Bonjour,

    Ce plugin marche-t-il sous SPIP 3.1 ? J’ai modifié le plugin.xml pour que cela passe, mais une fois dans la page, les images sont chargées directement, avec un bon vieux src dans le code source...

    D’où ma question ! Et si oui, cela marche aussi avec les logo redimensionné par exemple ?

    Merci pour le temps pour répondre.

    Julien

    Répondre à ce message

  • 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 :

      Due to webkit bug #6656 Lazy Loading wont give you any improvements in Safari. It will load all images you wanted it or not.

      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

    • Le 28 mai 2015 à 22:34, par Billou En réponse à : jQuery Lazy Load pour SPIP

      C’est moi ou 5 ans plus tard le problème est toujours présent ?

    Répondre à ce message

  • Le 26 septembre 2013 à 16:36, par Julien En réponse à : jQuery Lazy Load pour SPIP

    Bonjour,

    Je ne trouve nul part la page de configuration du plugin sur SPIP 3.0.11. Même en y ajoutant CFG. J’ai également testé sur une nouvelle installation de SPIP.

    Merci d’avance.

    • Le 26 septembre 2013 à 16:56, par b_b En réponse à : jQuery Lazy Load pour SPIP

      Ha oui, c’est juste que le plugin n’a pas été testé sous SPIP 3 et n’est pas encore compatible avec cette version. Il faut que je corrige la balise qui indique la compatibilité à ce sujet.

      En attendant, si tu veux le tester en SPIP 3 il te faudra le plugin CFG pour accéder à sa page de config. N’hésite pas à partager tes retours suite à cet essai afin que je sache si ça vaut le coup de porter la page de config du plugin pour SPIP 3.

    • Le 27 septembre 2013 à 12:35, par Julien En réponse à : jQuery Lazy Load pour SPIP

      Salut bb.

      Justement, même avec CFG je n’arrive pas a mettre la main sur une page de configuration. Donc je peux rien tester :-)

      Merci beaucoup.

    • Le 28 septembre 2013 à 13:49, par b_b En réponse à : jQuery Lazy Load pour SPIP

      Et hop, je viens de publier deux versions du plugin :

      • la branche v0 (celle qui était publié jusqu’ici) est compatible SPIP 2.0
      • la branche v1 est compatible SPIP 2.1 et 3.0 (elle utilise spip bonux pour la configuration en 2.1)

      http://zone.spip.org/trac/spip-zone/changeset/76566

      J’ai testé la branche 1 du plugin sous SPIP 2.1 et 3.0, cela fonctionne bien. Les zips seront disponibles dans l’après midi.

      ++

    • Le 30 septembre 2013 à 13:15, par Julien En réponse à : jQuery Lazy Load pour SPIP

      Merci beaucoup ! Je vais tester ça today !

      Julien

    Répondre à ce message

  • Le 18 avril 2013 à 10:29, par Erwann En réponse à : jQuery Lazy Load pour SPIP

    Bonjour

    Ce plugin n’est plus disponible ?

    • Le 18 avril 2013 à 10:34, par b_b En réponse à : jQuery Lazy Load pour SPIP

      Ha oui tiens, merci du signalement, je corrige et le zip sera de retour dans la journée.

      ++

    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 ?

    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

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2141 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Facteur

    21 janvier 2010 – 375 commentaires

    Un plugin pour regrouper toutes les fonctions avancées autour de l’envoi de courriels. Introduction SPIP propose une fonction générique envoyer_mail() pour envoyer un courriel. Elle est assez simple d’utilisation mais peut paraître limitée (...)

  • Sélections éditoriales

    19 mars 2015 – 66 commentaires

    Faites des listes de choses intéressantes. Ce plugin permet de gérer des listes de contenus quelconques de manière éditoriale. Chaque sélection est donc entièrement libre, et peut renvoyer aussi bien vers des contenus internes au SPIP quels qu’ils (...)

  • En onglets dans le texte de SPIP, ou ailleurs...

    18 décembre 2006 – 132 commentaires

    Une mise en page en blocs superposés, très pratique pour des fiches techniques par exemple, toutes versions SPIP !

  • Des blocs dépliables

    6 janvier 2008 – 473 commentaires

    Cet outil vous permet de créer des blocs dont le titre cliquable peut rendre un contenu visible ou invisible, voire de les munir d’une adresse pour que le bloc visible soit récupéré en AJAX. Ces blocs sont disponibles dans tous vos contenus SPIP (...)