source: spip-zone/_plugins_/lazysizes/trunk

Revision Log Mode:


Legend:

Added
Modified
Copied or renamed
Diff Rev Age Author
(edit) @124155   10 months mistergraphx

fix sur la css .lazyloading

(edit) @118355   15 months arnaud.berard

v4.1.7.2

  • ajout aux plugins dispo de respimg (polyfill complémentaire pour le support des custom-media)
  • description et lien vers la doc
(edit) @117803   17 months arnaud.berard

version + carnet

(edit) @117802   17 months arnaud.berard

quelques typo, reports et un fix sur la figcaption qui forcais l'alignement du texte en center,

(edit) @117801   17 months arnaud.berard

modèle image avec src transparent qui chope le rien.gif de spip et l'url encode
passage si on veut du alt en param sinon titre
forcer une url avec le param lien

+ modif sur le width/height calacul depuis #LOGO_DOCUMENT plutot que #LARGEUR

(edit) @117800   17 months root

todo parceque y'a pas d'issues

(edit) @117799   17 months arnaud.berard

trim plutot par acquis de conscience

(edit) @117798   17 months arnaud.berard

pas d'espaces

(edit) @114723   22 months arnaud.berard

doc et explications des extensions déjà testées
styles du formulaire sur la page de config

(edit) @114707   22 months arnaud.berard

v4.1.7.0 pour suivre le versionnage de la lib

(edit) @114706   22 months arnaud.berard

on ne laisse que ce qui a été testé et utilisé

(edit) @114705   22 months arnaud.berard

maj des demo et test

(edit) @114704   22 months arnaud.berard

séparer les css fonctionelles des utilitaires

(edit) @114703   22 months arnaud.berard

on en a plus besoin a priori avec la dernière version de htmlpurifier

(edit) @114702   22 months arnaud.berard

maj de la lib en dernière version 4.1.7

(edit) @112342   2 years arnaud.berard

Changement de bornes pour htmlpurifier
+z

(edit) @112266   2 years arnaud.berard

correction d'un warning a l'install quand la configuration n'était pas encore initialisé.

Ajout d'un fichier d'administration

installation des metas :
par defaut les css sont inssérés et deux rêgles custom-media sont déclarées --small,--medium

suppression des metas a la désinstallation

Un peut de doc dans le readme

+z

(edit) @112241   2 years arnaud.berard

Mise a jour du README que personne ne lit

Visage avec large sourire

Unicode: U+1F600,
UTF-8: F0 9F 98 80

the fake commit, pour voir si les émoticones passe dans IRC/shiraz (super important )

(edit) @112240   2 years arnaud.berard

et comme y'a paquet ben y'a +z

(edit) @112239   2 years arnaud.berard

maj de la demo utilisable en passant un id_document dans l'url

(edit) @112238   2 years arnaud.berard

Ajout d'une configuration permettant de gérer des rêgles media-queries pour lazysizes

Chaque rêgle est définie comme habituellement dans les saisies de array

--small|(max-width: 480px)
--medium|(max-width: 800px)

utilisable ensuite comme des raccourcis dans le markup

ex avec l'addon bgset

`
<div class="box cover ratio-container lazyload"

data-sizes="auto"
data-bgset="[(#GET{cover_small})] [--small] | [(#GET{cover_medium})] [--medium] | [(#GET{cover_large})]"></div>

`

extrait de la doc :
L'option 'customMedia' est une carte d'alias pour différentes requêtes media-queries.

Cette option peut être utilisée pour séparer / centraliser l'implémentation de plusieurs media-queires spécifiques (présentation) de l'attribut source [media] (contenu / structure) en créant des requêtes multimédia étiquetées.

ces rêgles sont aussi utilisables avec d'autres addons, et notamment comme le souligne la doc avec picture>source[media]

ou le addon customMedia permettant d'utiliser les mêmes raccourcis depuis css/scss (mais c'est pour après…)

(edit) @112236   2 years arnaud.berard

chaines de langue/explications pour les addons du formulaire de config

(edit) @112220   2 years arnaud.berard

up de version en suivant celle de la lib donc 4.1.4.0

(edit) @112219   2 years arnaud.berard

page de test/demo pour bgSet

(edit) @112218   2 years arnaud.berard

trad de la doc, expliquer ce que que font les addons dans le formulaire de config (à défaut de doc, parce que mm moi je m'en rapelle plus sinon)

(edit) @112217   2 years arnaud.berard

on passe par env du coup

(edit) @112216   2 years arnaud.berard

ajout de blur-up a la liste des addons et produire_fond plutot que generer_url …

(edit) @112214   2 years arnaud.berard

Maj de la lib en v4.1.4
l'auteur n'étant pas très verbeux sur les changelogs se referer a la diff et aux readme contenus dans les addons

dans mon cas c'était des correctifs sur bgset qui m'interressait…

on note l'ajout d'un nouveau addon :
blur-up :
Ajoutez simplement un attribut data-lowsrc avec l'image d'espace réservé image de qualité loq à votre img et dans le cas où picture à vos éléments source.

Lazysizes créera ensuite une nouvelle image juste après votre image d'origine avec la classe suivante ls-blur-up-img.

La nouvelle image (ls-blur-up-img) obtiendra les classes d'état suivantes pour vous permettre d'écrire une animation / transition CSS personnalisée dès que l'image sera visible et chargée: ls-inview / ls -original-chargé.

(edit) @110617   3 years arnaud.berard

Correctif pour l"utilisation dans des newsletters

  • ajout de la balise noscript au modèle doc
  • ajout d'un filtre unlazy permettant de rétablir le src, width, height, alt des <img> ayant un attribut data-src
(edit) @110469   3 years arnaud.berard

mise a jour de la lib en 4.0.2

nettoyage des fichiers minifiés inutiles dans le plugins spip

(edit) @106783   3 years arnaud.berard

borne spip 3.2 , ajout du target:_blank a safehtml ;-) pour le pied de page de la partie privé

(edit) @105733   3 years arnaud.berard

correction sur lazy_size insertion $flux peut être facultatif
inc_safe_html peut prendre un tableau de balises html et restrictions en parametre $allowed
+z

(edit) @105556   3 years arnaud.berard
  • mise a jour de la lib et des addons en 4.0.0rc3 - nouveau addon artdirect
  • correction sur la fonction d'insertion des js (qui petait l'espace prive en doublan le $flux )
(edit) @105530   3 years arnaud.berard
  • meilleur prise en charge des elements html5 article, section, + picture,
  • attributs sur l'element source
(edit) @105529   3 years arnaud.berard

v4.0.0.11
correctif pour la prévisualisation dans l'espace privé

  • necessite htmlpurifier
  • surcharge de la fonction safehtml_dist
  • prise en charge des elements html5 dans la config de htmlpurifier figure,figcaption,…

cf: https://github.com/lukusw/php-htmlpurfier-html5/blob/master/htmlpurifier_html5.php

  • le modele picture tiens compte des definitions d'attributs configurable
(edit) @105521   3 years arnaud.berard

ajout a la config des attributs personalisables pour data-srcset, data-sizes

(edit) @105520   3 years arnaud.berard

les prennent en compte la configuration des attributs et classes necessaires au fonctionnement

(edit) @105493   4 years arnaud.berard

up de version et changement pour refletter la version actuelle de la lib lazysize utilisée 4.0.0 rc3

(edit) @105490   4 years arnaud.berard
  • on charge les js en public et privé pour que les modeles fonctionne des deux cotés
(edit) @105489   4 years arnaud.berard

une fonction pour charger les js

(edit) @105485   4 years arnaud.berard

on supprime les test espace_prive inutiles

(edit) @105484   4 years arnaud.berard

on désactive la protection interdire_script dans l'espace privé, pour pouvoir utiliser les modèles et que les contenu apparaissent en preview de l'editeur

(edit) @105475   4 years arnaud.berard

Pas de lazyloading dans l'espace privé

  • pas la peine d'inssérer le js dans le privé, les sécurité de la previsu empèche le script de bosser en supprimant les attributs data-src
  • donc dans les modèle on test si on est dans le privé et on affiche le src du fichier
(edit) @105457   4 years arnaud.berard
  • ajout d'un filtre titrer_document pour transformer un nom de fichier en chaine lisible pour construire le texte alternatif si le titre n'est pas renseigné ou si on est en mode fichier
  • correction sur #TITRE|sinon et utilisation du filtre titrer_document
(edit) @105455   4 years arnaud.berard

on peut passer au modele un chemin vers un fichier OU une id_document

[(#INCLURE{fond=modeles/picture}{id_document}{class=media}{env})]

[(#INCLURE{fond=modeles/picture}{fichier=#CHEMIN{mon_fichier_local.jpg}}{class=media}{env})]

(edit) @105442   4 years arnaud.berard

up de Z

(edit) @105441   4 years arnaud.berard
  • ajout d'une page pour documenter les modèles
  • ajout du modele picture
(edit) @105440   4 years arnaud.berard

doc et amélioration du markup + valid

(edit) @105439   4 years arnaud.berard
  • css utilitaires pour préserver le ratio des medias en lazyload
  • doc et exemple sur la page demo/lazy_respimg
  • mise en application de la technique du ratio intrinseque calculé dans le markup
(edit) @105435   4 years arnaud.berard

up

(edit) @105434   4 years arnaud.berard

renomage

(edit) @105433   4 years arnaud.berard

exemple d'utilisation de lazysizes/respimg.js plugin activable dans la config

polyfill leger pour picture, srcset et lazyloading

https://github.com/aFarkas/lazysizes/tree/gh-pages/plugins/respimg

(edit) @104599   4 years arnaud.berard
  • ajout du modele image que l'on reprends a Figure tant qu'a faire et on adapte le markup
  • img aussi passe en figure
(edit) @104598   4 years arnaud.berard

ajout des css minimales coté privé
noscript sur le modele img

(edit) @104597   4 years arnaud.berard

Ajout des css pour le cas de l'utilisation du no-js pattern

(edit) @104596   4 years arnaud.berard

0.0.6 : On LasyLOad aussi coté privé ça mange pas de pain et du coup on remet le modele image

(edit) @104578   4 years arnaud.berard

pas de surcharges de modèles media pour le moment, vu qu'on issère pas les script coté privé

(edit) @104325   4 years real3t

C'est un attribut HTML, il faut utiliser le filtre ;-) (bis)

(edit) @104320   4 years arnaud.berard

styles inutiles sur cette démo/test

(edit) @104319   4 years arnaud.berard

oups un var_dump qui traine

(edit) @104317   4 years arnaud.berard

icones et démo markup basique

(edit) @104316   4 years arnaud.berard

doc trad …

(edit) @104315   4 years arnaud.berard

ajout de la config attribut src

(edit) @104306   4 years arnaud.berard

ajout du squelette init.js

(edit) @104305   4 years arnaud.berard
  • mise en place de la config des options de personalisation
(edit) @104298   4 years arnaud.berard

chaines de langue de l'option css

(edit) @104296   4 years arnaud.berard

png transparent !important
+ img optim

(edit) @104294   4 years arnaud.berard

les css sont facultatives

(edit) @104293   4 years arnaud.berard

ajout de la pipeline insert_head_css prenant en compte la config options/css

(edit) @104292   4 years arnaud.berard

champ de config pour ne pas inssérer les css par defaut

(edit) @104291   4 years arnaud.berard
  • psr
(edit) @104289   4 years real3t

Attention aux " dans un attribut alt

(edit) @104286   4 years real3t

Un warning PHP en moins

(edit) @104282   4 years arnaud.berard

Ajout liste des addons doc et @todo

(edit) @104278   4 years arnaud.berard

Pour expliquer un peut :

# LazySizes? pour spip

Intégration pour spip du script lazysize.

Outil / lib de lazyloading extensible via un système de plugin/addons.

Permet notamment de déférer le téléchargement de ressources (images, iframes, vidéos, ..) de manière a ce que l'utilisateur
ne charge que ce qui est visible dans la fenetre de navigation, ou quand on souhaite sur un autre évenement via un sytème de hooks.

et bien plus encore via les addons proposés https://github.com/aFarkas/lazysizes
notamment polyfill pour picture/src-set

background responsives, …

https://github.com/aFarkas/lazysizes#available-plugins-in-this-repo

voir le README.md, le Paquet.xml et la page demo/gallerie pour tester

(edit) @104260   4 years arnaud.berard

ie_config export
autorisation sur le dossier /demo
timestamp sur le addon sélectionné
notes

(edit) @104259   4 years arnaud.berard

premier import

(add) @104250   4 years arnaud.berard

Created directory '_plugins_/lazysizes/trunk'.

Note: See TracRevisionLog for help on using the revision log.