Re: [Adaptive Images] Utilisation de data-src-mobile

Sinon, je viens de tomber là-dessus : 
https://css-tricks.com/techniques-for-context-specific-images/

	


*Pierre-Jean CHANCELLIER*

/Cellule technique des technologies de l'Information et de la 
Communication (CeTTIC)
Centre de Ressources Informatiques/

Université du Havre
_tél :_ 02.32.74.*42.08*



Le 29/03/2021 à 13:38, jeanmarie a écrit :
>
> Salut,
>
> je cherche à afficher une image aux proportions différentes selon la 
> largeur de l'écran (= en portrait sur grand écran et en paysage sur 
> smartphone) sans que l'utilisateur·rice n'ait à fournir 2 images.
>
> J'ai donc essayé d'utiliser les variantes d’image pour petits écrans 
> avec data-src-mobile mais, de ce que je comprends de la doc, on ne 
> peut pas le faire avec des images issues du contenu (= document lié à 
> un article par exemple), ça doit obligatoirement venir du squelette, 
> c'est bien ça ?
>
> J'ai tenté avec ce code (dans une boucle document) :
>
> <imgsrc="[(#FICHIER|image_recadre{1:2, -, focus}|extraire_attribut{src})]"
> data-src-mobile="[(#FICHIER|image_recadre{5:1, -, focus}|extraire_attribut{src})]"alt="Mon 
> image"/>
>
> J'ai bien les 2 versions mais je ne trouve pas la syntaxe pour 
> redimensionner l'image (ça m'affiche l'image en taille originale).
>
> J'ai également cherché avec ça
>
>     [(#FICHIER|balise_img|adaptive_images{1024,'(max-width: 768px) 500, (max-width: 900px) 800, 1000px'})]
>
> mais là, ce sont les proportions selon la largeur d'écran que je 
> n'arrive pas à gérer.
>
>                     jeanmarie
>
>
> _______________________________________________
> liste: https://listes.rezo.net/mailman/listinfo/spip-dev
> doc: https://www.spip.net/
> dev: https://core.spip.net/
> irc://irc.freenode.net/spip