Hello,

Tu utilises la dernière version du plugin Adaptive Images ?
Si oui il faudrait que je puisse voir le cas exact en ligne pour essayer de le 
fixer, ou à défaut que tu me donnes tous les réglages que tu as dans le plugin 
adaptive images, et la dimension exacte de l’image d’origine concernée, que 
j’essaye de reproduire…

Le problème :
- on envoie dans le html une image miniature jpg/compressée qu’on floute en CSS 
pour avoir un visuel le temps du chargement de la vrai image
- quand on génère la miniature, il y a des arrondis de px et du coup on peut 
avoir un léger décalage entre le rapport hauteur/largeur de la miniature et 
celui de la vrai image, qui créé le désagrément : la balise img s’affiche avec 
la miniature en data-url, elle en reprend donc exactement les dimensions, meme 
si on ne la voit pas et qu’on ne voit que la bonne image
- quand tu (right) clic il y a un bout de JS qui remplace l’attribut src de 
l’image et enlève la miniature pour mettre la vrai image affichée. Ceci au cas 
où tu voulais faire « enregistrer cette image… » ou « ouvrir cette image dans 
un nouvel onglet » ou tout chose de ce genre, et ne pas te retrouver avec la 
miniature à la place
Mais en effet, si on a un léger décalage de ratio, ça provoque un petit saut à 
ce moment là.

Plusieurs solutions
1/ vérifier que ton plugin est bien à jour
2/ modifier les réglages pour avoir une taille de miniature qui colle bien avec 
la taille de tes images (ça ça marche bien si toutes les images du site sont 
dans une taille standard un peu normalisée)
3/ utiliser une miniature d’aperçu de type vectorielle, qui est maintenant 
proposée, comme le double gradient, le tracé de contours ou le géometrize - 
dans ce cas on a pas le problème


--
Cédric
Le 18 juil. 2019 à 14:09 +0200, Jean Marie Grall 
<jeanmarie.lis...@cousumain.info>, a écrit :
> C'est fait : https://zone.spip.net/trac/spip-zone/changeset/115986/spip-zone
> Question : à quoi sert le onmousedown="adaptImgFix(this)" sur les images 
> adaptées ? par défaut, les images sont légèrement floues car agrandies 
> artificiellement d'1 ou 2px. Quand on clique dessus, elles reprennent le 
> taille normale.
> Voir https://framapic.org/pvBzl5q6LzkS/X7I1LyWVSYHR.png image nette (= 
> cliquée) à gauche et floue (= pas cliquée donc) à droite.
> Comportement observée avec la dist et uniquement Adaptive Images activé.
> jean marie
>
> Le 16/07/2019 à 14:37, Jean Marie Grall a écrit :
> > Salut Cédric,
> > merci pour ton retour.
> > L'idée était de rendre le plugin le moins dépendant possible mais 
> > effectivement, si ça casse le fonctionnement des images adaptatives, je 
> > vais revoir ça.
> > Je suis en train de le rependre pour fonctionner avec adaptive_images car 
> > actuellement, ça ne marche pas car les arrondis son sur les <img> alors 
> > qu'adaptive_images fonctionne avec des  image de fond aux <picture>.  Je 
> > vais voir pour un fonctionnement plus souple...
> > Le passage du plugin de dev à test était peut-être anticipé :)
> >                 jean marie
> >
> > Le 15/07/2019 à 16:08, Cerdic a écrit :
> > > Hello Jean-marie,
> > >
> > > c’est justement une erreur fréquente : si tu passes |image_reduire sur 
> > > les images de la page, adaptive_images ne peux plus rien faire de bien 
> > > car il se retrouve avec une image basse def comme source (si ta maquette 
> > > a des largeurs d’image en 1200px, adaptive_images a besoin d’images 
> > > sources en 2400px au moins pour pouvoir servir les écrant hautes 
> > > définition)
> > >
> > > Il faut choisir l’un ou l’autre !
> > >
> > > --
> > > Cédric
> > > Le 15 juil. 2019 à 13:03 +0200, spip-zone-com...@rezo.net, a écrit :
> > > > Author: jeanmarie.lis...@cousumain.info
> > > > Date: 2019-07-15 11:03:17 +0000 (Mon, 15 Jul 2019)
> > > > New Revision: 115973
> > > >
> > > > Modified:
> > > > _squelettes_/html5up_solid_state/inclure/sections/article.html
> > > > _squelettes_/html5up_solid_state/inclure/sections/liste-articles-cases-petites-sans-lien.html
> > > > _squelettes_/html5up_solid_state/inclure/sections/rubrique.html
> > > > _squelettes_/html5up_solid_state/modeles/bouton.html
> > > > _squelettes_/html5up_solid_state/paquet.xml
> > > > Log:
> > > > V2.1.0 : - image_reduire au lieu de adaptive_images qui, de toute 
> > > > façon, si on l'active, prend la main sur image_reduire
> > > > - donner des tailles à image_reduire pour ne pas charger les images 
> > > > pleine balle (1210px pour le contenu qui semble être la taille max de 
> > > > la maquette)
> > > >
> > > >
> > > > Details: https://zone.spip.org/trac/spip-zone/changeset/115973
> > > >
> > > > _______________________________________________
> > > > spip-zone-com...@rezo.net - 
> > > > https://listes.rezo.net/mailman/listinfo/spip-zone-commit
> >
> > ----
> > spip-zone@rezo.net - https://listes.rezo.net/mailman/listinfo/spip-zone
> ----
> spip-zone@rezo.net - https://listes.rezo.net/mailman/listinfo/spip-zone
----
spip-zone@rezo.net - https://listes.rezo.net/mailman/listinfo/spip-zone

Répondre à