Skip to content

Amelioration de |balise_img et |balise_svg pour permettre de forcer une taille

cerdic a demandé de fusionner gh-3abd0771/132/unknown/refs/pull/132/head vers master

Le filtre |balise_img est survitamine :

  • il peut prendre en premier argumenr une balise img deja formee si besoin - ie issue d'un filtre image : [(#FICHIER|image_reduire{200,200}|balise_img{'un nuage','spip_logo'})]
  • il paut prendre un dernier argument size pour forcer la taille sous plusieurs formes :
    • x1.5, x2 ou x3 permet de forcer une densite de 1.5, 2 ou 3 (le x est ici le multiplicateur de densite par rapport a la taille initiale) une image de largeur 200px affichee avec un x2 aura donc un attribut width='100'
    • Un nombre seul comme 64 pour forcer une image carree avec width='64' height='64'
    • Une largeur ET une hauteur sour la forme 1024x640 pour avoir un width='1024' height='640'
    • Une largeur seule et une hauteur automatique sous la forme '1024x*pour avoir donc unwidth='1024'` et un height ajuste automatiquement pour respecter les proportions initiales de l'image

Pour faciliter l'utilisation du filtre, l'argument de taille (optionnel) arrive toujours en dernier, meme si on ne precise pas de alt ou de class : [(#FICHIER|balise_img{1024x640})] [(#FICHIER|balise_img{'un nuage',1024x640})] [(#FICHIER|balise_img{'un nuage','spip_logo',1024x640})]

Mais si jamais le alt ou la class sont ambigu et peuvent etre interpretes comme une taille, il suffit d'indiquer une taille vide pour lever l'ambiguite : [(#FICHIER|balise_img{'un nuage','x2',''})]

Le filtre peut donc ainsi facilement etre utilise pour ajuster l'affichage d'image en x2 ou x3 pour prendre en compte les ecrans retina : [(#FICHIER|image_reduire{400,400}|balise_img{'Mon image HD',x2})]

Le filtre |balise_svg adopte la même syntaxe et le même comportement pour une balise svg inline

Rapports de requête de fusion