Changeset 112266 in spip-zone
- Timestamp:
- Nov 1, 2018, 5:21:37 PM (2 years ago)
- Location:
- _plugins_/lazysizes/trunk
- Files:
-
- 1 added
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
_plugins_/lazysizes/trunk/README.md
r112241 r112266 1 1 # LazySizes pour spip 2 2 3 **Sources et docs** 3 4 4 Intégration pour spip du script lazysize. 5 * https://css-tricks.com/the-complete-guide-to-lazy-loading-images/ 6 * https://github.com/aFarkas/lazysizes 5 7 6 Outil / lib de lazyloading extensible via un système de plugin/addons. 8 **@todo** 7 9 8 Permet notamment de déférer le téléchargement de ressources (images, iframes, vidéos, ..) de manière a ce que l'utilisateur 9 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. 10 - [ ] Inclure les addons lazysizes,config depuis un squelette/plugin 11 - [ ] finir de traduire la doc 12 - [ ] Chaines de langue, et docs/aide des addons 10 13 11 Lazysizes est un script de lazyloading rapide et sans dépendance a un framework d'images 12 (incluant les images responsives picture/srcset), les iframes, les scripts/widgets, … 14 **Changelogs** 15 16 [Suivi des révisions](https://zone.spip.net/trac/spip-zone/log/spip-zone/_plugins_/lazysizes/trunk?action=stop_on_copy&mode=stop_on_copy&verbose=on) 17 18 ## Dépendances & surcharges 19 20 Lazysize necessite l'instalation du plugin htmlpurifier, et surcharge la fonction safehtml du noyau de spip, afin de rendre utilisable / prévisualisable dans l'espace privé le balisage html5. 21 22 Le plugin surcharge des modèle documents du plugin medias, en y intégrant le markup html5 `figure`, ainsi que les fallback necessaires `noscript`. 23 24 ## Documentation 25 26 27 Intégration pour spip de la librairie javascript lazysizes un script de lazyloading rapide et sans dépendance a un framework. 28 29 Permet de déférer le téléchargement de ressources (images, iframes, vidéos, ..) de manière a ce que l'utilisateur 30 ne charge que ce qui est visible dans la fenêtre de navigation, ou quand on souhaite sur un autre évenement via un sytème de hooks/evenements. 31 32 Nativement et sans configuration Lazysizes prendra en charge : 33 34 * les images incluant les images responsives picture/srcset rendant inutile l'utilisation d'un polyfill comme picturefill, 35 * les iframes, les scripts/widgets, … 36 13 37 Il agit sur la priorité des pré-chargement en différenciant les éléments 14 38 suivant la distance plus ou moins importante du champ visible, afin d'augmenter l'impression de rapidité. … … 18 42 LazySizes peut calculer automatiquement la taille et le ratio de vos images. 19 43 20 Il peut vous permettre de partager vos media 44 Il peut vous permettre de partager vos media-queries entre vos css et les attributs de vos medias, 21 45 aidant ainsi à séparer votre layout (CSS) de votre contenu/structure (HTML), 22 46 rendant ainsi l'intégration des images responsive dans n'importe quel environnement ou contexte beaucoup plus simple. … … 170 194 or self hosted restful responsive image service (responsive image on demand). 171 195 It makes responsive images even more easier without any need for another third party script. 172 173 174 ## Sources et docs175 176 https://css-tricks.com/the-complete-guide-to-lazy-loading-images/177 https://github.com/aFarkas/lazysizes178 179 180 ## @todo181 182 183 - [-] Inclure les plugins lazysize depuis un panneau de config ou un define184 puis les charger dans insert_head185 - [] Inclure les plugins lazysize depuis un define186 - [] ajouter les scripts dans le privé vu que les modèle sont diponibles187 - [] preview des modeles dans l'espace privé188 par exemple : `<picture5|id_document=5>`189 190 - [X] config export ie_config()191 - [] traduire la doc192 - [] Ajouter via define ou config les options de configuration193 - [] surcharger les modèles media, interressants a "lazyloader"194 - [] Chaines de langue, et docs/aide des addons -
_plugins_/lazysizes/trunk/lazysizes_fonctions.php
r112238 r112266 43 43 $lazy_cfg = lire_config('lazysizes'); 44 44 $js_init_options = produire_fond_statique('lazysizes_config.js',$lazy_cfg) ; 45 $flux .= "<script type='text/javascript' src='$js_init_options' ></script>\n"; ;45 $flux .= "<script type='text/javascript' src='$js_init_options' ></script>\n"; 46 46 47 47 // Addons … … 60 60 $flux .= "<script type='text/javascript' src='$lazysizes' ></script>\n"; 61 61 62 63 62 $flux .= "<script type='text/javascript'>window.lazySizes.init();</script>"; 64 63 … … 69 68 * 70 69 * Pour ne pas necessiter Saisie juste pour saisies_chaine2tableau 71 * ne gère que des cle|valeur 70 * ne gère que des cle|valeur 72 71 * 73 72 * @param string $string -
_plugins_/lazysizes/trunk/paquet.xml
r112240 r112266 2 2 prefix="lazysizes" 3 3 categorie="outil" 4 version="4.1.4.1" 4 version="4.1.4.2" 5 schema="0.0.1" 5 6 etat="dev" 6 7 compatibilite="[3.0.0;3.2.*]"
Note: See TracChangeset
for help on using the changeset viewer.