Changeset 112266 in spip-zone


Ignore:
Timestamp:
Nov 1, 2018, 5:21:37 PM (2 years ago)
Author:
arnaud.berard@…
Message:

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

Location:
_plugins_/lazysizes/trunk
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed

  • _plugins_/lazysizes/trunk/README.md

    r112241 r112266  
    11# LazySizes pour spip
    22
     3**Sources et docs**
    34
    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
    57
    6 Outil / lib de lazyloading extensible via un système de plugin/addons.
     8**@todo**
    79
    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
    1013
    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
     20Lazysize 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
     22Le 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
     27Intégration pour spip de la librairie javascript lazysizes un script de lazyloading rapide et sans dépendance a un framework.
     28
     29Permet de déférer le téléchargement de ressources (images, iframes, vidéos, ..) de manière a ce que l'utilisateur
     30ne 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
     32Nativement 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
    1337Il agit sur la priorité des pré-chargement en différenciant les éléments
    1438suivant la distance plus ou moins importante du champ visible, afin d'augmenter l'impression de rapidité.
    … …  
    1842LazySizes peut calculer automatiquement la taille et le ratio de vos images.
    1943
    20 Il peut vous permettre de partager vos media queries entre vos css et les attributs de vos medias,
     44Il peut vous permettre de partager vos media-queries entre vos css et les attributs de vos medias,
    2145aidant ainsi à séparer votre layout (CSS) de votre contenu/structure (HTML),
    2246rendant ainsi l'intégration des images responsive dans n'importe quel environnement ou contexte beaucoup plus simple.
    … …  
    170194or self hosted restful responsive image service (responsive image on demand).
    171195It makes responsive images even more easier without any need for another third party script.
    172 
    173 
    174 ## Sources et docs
    175 
    176 https://css-tricks.com/the-complete-guide-to-lazy-loading-images/
    177 https://github.com/aFarkas/lazysizes
    178 
    179 
    180 ## @todo
    181 
    182 
    183 - [-] Inclure les plugins lazysize depuis un panneau de config ou un define
    184 puis les charger dans insert_head
    185         - [] Inclure les plugins lazysize depuis un define
    186         - [] ajouter les scripts dans le privé vu que les modèle sont diponibles
    187 - []    preview des modeles dans l'espace privé
    188                 par exemple : `<picture5|id_document=5>`
    189 
    190 - [X] config export ie_config()
    191 - [] traduire la doc
    192 - [] Ajouter via define ou config les options de configuration
    193 - [] 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  
    4343        $lazy_cfg = lire_config('lazysizes');
    4444        $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";
    4646
    4747        // Addons
    … …  
    6060        $flux .= "<script type='text/javascript' src='$lazysizes' ></script>\n";
    6161
    62 
    6362        $flux .= "<script type='text/javascript'>window.lazySizes.init();</script>";
    6463
    … …  
    6968 *
    7069 *  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
    7271 *
    7372 * @param string $string

  • _plugins_/lazysizes/trunk/paquet.xml

    r112240 r112266  
    22        prefix="lazysizes"
    33        categorie="outil"
    4         version="4.1.4.1"
     4        version="4.1.4.2"
     5        schema="0.0.1"
    56        etat="dev"
    67        compatibilite="[3.0.0;3.2.*]"
Note: See TracChangeset for help on using the changeset viewer.