Adaptive Images - commentaires

Adaptive Images

J'obtiens toujours une erreur « Filtre }) non défini »

[ (#LOGO_AUTEUR |sinon{#CHEMIN{images/visuel_defaut.jpg}} |image_reduire{500} |adaptive_images{360/480/640/960/1400})
]

Spip 4.1.15, Plugin Adaptative_images 3.2.0

Adaptive Images

Bonjour,

Sur un site fraichement installé en Spip 4.2.9 avec Adaptatives images 3.2.0, en activant la production des images à la demande, seuls les aperçus sont affichés.

Je teste sur une page avec seulement 2 images.

Si je décoche, l'affichage est correct.

La ligne dans le .htaccess est ajoutée à l'emplacement précisé.

Quelles pistes puis-je explorer pour essayer de résoudre ce problème svp ?

Adaptive Images

bonjour
est-ce normal qu'avec les réglages standard je retrouve dans local/ adap-img en plus des répertoires 320,480,640..correspondant aux break point, de nombreux sous répertoires de dimensions intermédiaires ( 511, 526,528,..etc . )
cela correspond a quoi ?
spip 4.0.6 adapt-img 3.0.7

merci

Adaptive Images

Si tu veux avoir le même markup partout je te conseille de ne pas utiliser le plugin

Adaptive Images

Je t'invite à relire attentivement la documentation, qui est dense. Il est contreproductif d'insérer du markup adaptif sur les images qui sont nativement de petit format ou qui ne pèsent que quelques dizaines de ko. C'est pour ça qu'on a une configuration pour déterminer la taille mini et le poids mini des images à adapter.

En pratique si l'image source fait moins de 640px de large (et avec l'expérience j'ai tendance à remonter ce seuil) ça n'a aucun intérêt de faire de multiples variantes + une vignette de preload etc.

Donc tes css doivent traiter les 2 cas : celui où l'image reste inchangée, avec uniquement une balise et celui où l'image est adaptée et dans ce cas on a une combinaison de ...

(Par contre le double picture on ne veut jamais avoir ça)

Adaptive Images

En activant le mode debug, je comprend que toutes mes images ne sont pas traitées par le plugin.
Est-ce qu'il y a moyen de forcer le traitement d'une image par le plugin ?

En tous cas, j'aimerai bien avoir le même markup pour toutes les images qui illustrent des informations similaires.

Adaptive Images

Je précise que j'utilise le markup srcset + (HTML5) du plugin.

Adaptive Images

Bonjour,
Autre question sur le plugin : à quoi sert le background-image en style inline avec un background-size à 0 ?

Merci.

Adaptive Images

Un exemple pour illustrer le propos : https://lhcsite-preprod.web.webu.coop/
Actuellement, dans les prochaines dates du réseau, on a un doublonnage des balises « picture » pour leur logo (car j'ai du l'indiquer dans le squelette pour qu'il apparaisse bien à chaque fois) pour les trois premiers événements, mais dans le quatrième (Transmission et réemploi), il n'y a pas de doublon de balise « picture », car cette fois, adaptative_image ne rajoute pas le sien.

Je n'arrive pas à comprendre pourquoi des fois, adaptative_image ajoute une balise « picture » et des fois non.

Adaptive Images

Bonjour,
J'utilise le plugin dans sa version 2.2.9 sur un site SPIP 3.2.

Je ne comprend pas pourquoi le plugin produit tantôt des balises

pour encadrer la balise

et tantôt non. J'ai loupé quelque chose ?

Adaptive Images

Cool, merci bcp, je regarde ça.

Adaptive Images

Les plugins JS de lazy-load ne sont plus recommandés maintenant que les navigateurs intègrent nativement la fonctionnalité (car en JS cela ralentit beaucoup le rendu et le scroll dans la page).

La version 3.0 du plugin intègre donc le support du lazy-load natif. Je n'ai pas encore releasé parce que c'est en test sur plusieurs sites mais il est possible de l'utiliser en téléchargeant le zip du master
depuis https://git.spip.net/spip-contrib-extensions/adaptive_images.git

Adaptive Images

Bonjour,

Est-ce que ce plugin peut fonctionner avec le plugin LazyLoad ?
https://contrib.spip.net/jQuery-Lazy-Load-pour-SPIP

Adaptive Images

bonjour
spip 4.0.0
je voudrais simplement que l'image soit au maximum en 1280px sur un ordinateur et n' envoyer que 480 px sur un mobile. C'est a dire que si l'image est de 980px elle reste en 980px sur l'ordinateur et est en 480 sur le mobile.
cependant , si je met image max a 1280px l'image d'origine par exemple de 980px se retrouve affichée agrandie a 1280Px malgré un max-width:100% ;( juste deux breakpoint 480 et 1280)
si je met 640 en image max avec des breakpoint je me retrouve avec une image plus petite et un lien vers l'image.
Comment faire ?
merci

Adaptive Images

Bonjour,

J'essaye de mettre deux ou trois photos (150 px de large) côte à côte :

img1

img2

img3

(les img1 etc. sont entre crochets)

Cela fonctionnait bien avec SPIP 3.2.11 mais plus avec SPIP 4.0

Alors j'ai essayé Adaptive Images 2.1.3… mais sans davantage de succès.

Adaptive Images

Ahaha jusque là ça marchait pas mal ^^'

Adaptive Images

Heu... en effet, l'écriture []" est pas du tout l'usage prévu et normal du plugin qui génère déjà tout le markup de rendu de l'image (balise img + source le tout dans un picture), à proscrire donc

Adaptive Images

Bon je viens de résoudre le problème différemment :) Je mets la solution au cas où :

J'avais mon animation sur une balise de type :

[]

Remplacé par

 [(#FICHIER|balise_img|adaptive_images{480/960/1440})]

Je pense qu'il aime pas la balise img...

Adaptive Images

De souvenir de difficulté similaire, il se peut qu'il faille des images de très grande taille pour que ça blur pas, ou alors simplement changer la taille minimum dans le paramétrage du plugin, pour la diminuer si je me souviens bien, genre à 300px par exemple.

Adaptive Images

Bonjour,

j'ai un gros soucis de bug depuis la mise à jour sur un SPIP 3.2.11. L'effet « blur » affiche mes images uniquement en basse definition. Cache vidé sur le site et mon navigateur rien n'y fait. J'ai essayé les autres effets dégradés mais ils restent après le chargement. J'utilise un script js en parallèle aos pour un petit effet fadeup. Un conflit ?

Adaptive Images

Je viens de tester la màj chez moi et le markup est bon maintenant.

Adaptive Images

Bonjour, dans quel délai cette version corrigée sera-t-elle disponible sur le dépôt des plugins spip ?

Bon dimanche :-)

mathieu

Adaptive Images

oups désolé Jean-Marie... ^^ c'était la fatigue du vendredi...

Merci encore pour votre aide !

Adaptive Images

oué oué oué c'est pas beau de se moquer :p
Désolé, j'ai pas relu tout l'échange et j'ai vu seulement après coup que c'était toi et pas un hypothétique jean-marc !

Adaptive Images

Super, merci !

Signé Jean-Marc :D

Adaptive Images

Bien vu, je viens de corriger le bug et releaser une version 2.1.2
https://git.spip.net/spip-contrib-extensions/adaptive_images/commit/f5476f576d2649d46a733d12be9448f3e3a45463

Adaptive Images

@jeanmarc merci pour le travail de diagnostic ! Il y a en effet un bug dans le fichier adaptative_images_options.php de la version 2.1.1, ligne 94 :

// Srscet et la methode recommandee, et a partir de SPIP 3.3 on ignore le reglage et on l'impose
if (intval(_SPIP_VERSION_ID)<=30300

« à partir de SPIP 3.3 » ça devrait être un « >= » : et effectivement si je remplace le signe <= par >= les images s'affichent de nouveau correctement !

if (intval(_SPIP_VERSION_ID)>=30300

Je n'ai pas de compte sur le Git de spip, est-ce que tu peux faire remonter ce correctif ?

Adaptive Images

Après pas mal de tests, il faut noter qu'à la mise à jour de 2.0 à 2.1, même si le choix de la méthode n'existe plus dans la page de config, l'ancienne config semble continuer à être utilisée.

Donc, si on était en « srcset + (HTML5) » avant la màj, cette méthode est utilisée après.

Adaptive Images

Pour faire le lien avec le squelette Forty : Forty nécessite le markup généré par la méthode la méthode srcset + (HTML5) ( / )

Le problème est que, depuis ce commit et uniquement en SPIP4, le markup généré est et on dirait qu'il n'y a plus les et srcset.

Est-ce que c'est le comportement souhaité d'Adaptive Image (auquel cas, il faudra adapté Forty) ou est-ce qu'il y a un souci ?

Le markup avec Adaptive images 2.1+ :

Le markup avec la version 2.0.1 et la config « srcset + (HTML5) »

Adaptive Images

Bonjour, message pour confirmer que c'est sans doute une régression causée par la dernière version : lorsque je réinstalle la version 2.0.1 de Adaptative Images puis que j'active manuellement dans le menu l'option scrset + source (puisqu'elle apparaît bien dans le menu sur cette version) ; alors mes images apparaissent correctement (sans miniature étirée à la taille de l'image).

CF ici et commentaires suivants.

PS je ne peux pas poster de ticket sur Git, pouvez-vous en ouvrir un ?

Adaptive Images

Par contre je pense que le plugin ne fonctionne pas correctement avec Spip 4.0.0, ou alors c'est un problème avec html5up_forty, difficile à dire. En gros certaines images ne sont pas compressées et d'autres le sont trop.

Adaptive Images

Je reréponds ; dans le code il y a un if qui vérifie la version de spip, et si c'est supérieur à 30300 (3.3 ?) ça met automatiquement la configuration sur « scrset » et ça masque le dialogue de sélection.

Adaptive Images

Je réponds à mon propre commentaire. Ca marche plus ou moins mais par exemple avec le plugin Forty ça fait des images très pixellisées quand on regarde sur écran (j'ai fait une image de départ en 1440 px pour tester).

Adaptive Images

Bonjour, j'utilise la version beta de spip 4.0 et quand je vais dans la configuration du plugin « adaptative images » je n'ai pas l'option pour activer « srcset » ?

Du coup je ne peux pas utiliser les plugins pour les templates html5up :-(

Une idée ?

Adaptive Images

Bonjour,
Merci pour la réponse rapide et tout le travail réalisé.
Cordialement

Adaptive Images

Ah non ça vient de la version de PHP. Je vois que j'ai utilisé des syntaxe courtes à base de crochets, mais que cela nécessite PHP 5.4 minimum.

Il faut que je mette à jour les compatibilité de version, car cela semble raisonnable d'arrêter de supporter les versions de PHP plus anciennes...

Adaptive Images

Bonjour,
SPIP 3.1.15 et SarkaSpipr 4.5.11
A l'activation du plugin « adaptive_images » (version 2.1.1), j'obtiens une page blanche avec le message suivant : « Parse error : syntax error, unexpected '[' in /var/www/html/virtualdomains/12617/sud-ct35.org/www/plugins/auto/adaptive_images/lib/AdaptiveImages/AdaptiveImages.php on line 750 ».
J'ai supprimé tous les plugins sauf ceux nécessaires à SarkaSpipr mais cela ne change rien.
Une incompatibilité avec SarkaSpipr ?

Adaptive Images

Bonjour,

je suis confronté à un bug (du moins je pense).
Sous un SPIP 3.2 sous PHP 7.2, j'ai mis en place Adaptative img avec méthode des 3 couches.

Ça marche bien au-dessus du break point : 480px (par contre il prend la valeur max des images...)
En dessous, l'image indique un src au lien 480/monimage.jpg or le dossier 480 n'existe pas...

Comment cela peut-il se faire ? Je suis en local.

Adaptive Images

bonjour,
dans mon parametrage , la largeur maximale des images une fois adaptée est 1280px
les break points sont : 480,640,800,1280,1440
je voudrai simplement que les images supérieures a 640 =px soient adaptés à 1280, 800 ou 640px suivant la taille de l'ecran or les images qui sont en général téléchargées en 1280*960 sont affichés en 640px sur un ecran d'ordinateur beaucoup plus large donc avec une qualité dégradée.
je voudrais juste que l'image soit en 480px pour les portables, 640 pour les tablettes, 1280 pour les ordi « standard »
comment faut-il faire ?
merci

Adaptive Images

bonjour, je pense que j'ai encore un problème de css, mais je ne sais pas quel fichier surcharger ou quelle ligne rajouter et où. (spip3.2 + zcore)

Sur un site en développement, dans le squelette, le filtre adaptive_images400 appliqué sur la balise #texte fonctionne, crée les images adaptées (400, 600 et 800px de large) pour toutes les balise img et doc. Par contre, à l'affichage, dans un conteneur de 1000px, l'image de 400px est étirée (pixelisée) à 1000px.

L'outils de débug de chrome m'indique que l'image a ce style, ecrit en dur dans le head de mon fichier html :

.adapt-img-wrapper.intrinsic img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}

et si je commente « width : 100% », cela semble fonctionner
J'ai donc rajouté

.adapt-img-wrapper.intrinsic img {width: auto;}

dans perso.css, l'image devient correcte, mais j'ai toujour l'espace réservé autour qui ne change pas, donc il y a peut-être une autre manip.

J'ai l'impression que dans la doc, il y a mention de cela (« Une image qui n'occupe pas toujours la largeur maximale »), mais je ne vois pas comment l'utiliser

Est-ce que mon diagnostic est bon ? si oui, comment corriger cela ?
le probleme est visible sur les images de cette page, par exemple : https://www.grottesdhaiti.org/-le-blog-.html

Adaptive Images

Yep, cool si c'est bien ça donc.

Il faudra trouver à adapter mutualisation_verifier_htaccess() en conséquence.
https://git.spip.net/spip-contrib-extensions/mutualisation/src/branch/master/mutualiser_gerer_img.php#L46

Adaptive Images

J'ai donc mis la ligne suivante au tout début de /local/.htaccess (fichier généré par le plugin Mutualisation)
RedirectMatch /local/adapt-img/([0-9]+)/([a-z0-9-]+)/IMG/(.*)$ /local/adapt-img/$1/$2/sites/monsite.com/IMG/$3

Pour le moment, cela semble fonctionner.

ps : il faudrait rendre la redirection plus universelle en récupérant la valeur 'monsite.com' depuis l'url, (pour le moment, je n'utilise adaptive_images que sur un seul de mes sites).

pps : noter dans la page documentation de ce plugin la nécessité de rajouter cette redirection, ou bien vérifier automatiquement, à l'activation du plugin, si on est en mutualisé, et modifier le htaccess.
merci Matthieu

Adaptive Images

Excellent, c'était la taille. J'étais passé à côté de ce paramètre.
Merci mille fois.

En fait, c'est plus pour des raisons esthétiques, l'image peut être légère mais large et donc ne suit plus les dimensions de la colonne centrale.

Sujet résolu. Merci pour la rapidité.

Adaptive Images

Le plugin marche aussi bien avec les png qu'avec les gif et les jpg, donc ça vient pas du plugin.
Au choix :

tes png sont mal formatés (faux png avec l'extension png mais en fait dans un autre format) ?
les images au format png sont en dessous du poids minimum (je parle du poids en ko, pas de la taille) et sont donc laissés tels quels car ça n'a pas de sens de rajouter du markup et du poids dans la page html pour une image qui ne pèse pas beaucoup au départ (et quand tu les passes en gif tu augmentes le poids et paf)

Adaptive Images

En fait, certains PNG sont adaptés (de grande taille).
Mais une même image en PNG passée en GIF devient adaptée. Donc le problème n'est pas dans la configuration du plugin (tailles min/max).

Adaptive Images

Bonjour,

Le plugin fonctionne parfaitement pour les jpg et gif mais pas pour les png. C'est normal ?
Il n'y a pas de wrapper autour des png insérés.
J'ai essayé de jouer sur les paramètres d'export des png mais aucun changement.

Merci.

Adaptive Images

Ah oui, c'est bien un problème avec la mutualisation du coup.
Je vois pas trop comment améliorer là…

Peut être en adaptant les .htaccess générés par le plugin mutualisation dans /local. Je pense qu'il faut que l'url
- /local/adapt-img/{x}/IMG/{y} dirige vers
- /sites/{site}/local/adapt-img/{x}/sites/{site}/IMG/{y}

avant la redirection déjà intégrée donc.

Adaptive Images

le fichier mutualiser_gerer_img.php du plugin mutualisation contient la fonction mutualisation_traiter_url_img_courtes($flux)
qui raccourcis les url d'images en retirant /sites/monsite.com

Par contre adaptive_images n'utilise pas cette fonction et semble donc créer deux niveaux de dossier supplémentaire. C'est ça ?

Adaptive Images

En regardant la source de la page, je vois que l'image est appelée à l'url :
local/adapt-img/640/10x/IMG/jpg/junior.jpg

mais que sur mon hébergement, elle se trouve à :
local/adapt-img/640/10x/sites/monsite.com/IMG/jpg/junior.jpg
Il y a donc une erreur 404.
C'est valable pour toutes les images.

J'ai le plugin Mutualisation
c'est la première fois que j'installe ce plugin sur un site.

Adaptive Images

Je ne sais pas pour le bug, ça m'étonne, mais en tout cas il manque au moins |attribut_html sur les éléments là pour que les apostrophes / quotes soient échappées :

Adaptive Images

Peut être suite à une mise à jour du plugin ? Et ça ressemble à un souci de CSS.
Tu as une URL où se pose le problème ?

Adaptive Images

Bonjour,
Je ne suis pas sûr de comprendre ce qui se passe : les images ont toutes disparues !

Les images ne s'affichent pas, l'espace reste blanc. En débug, la basse def est visible au survol.

Que faire ?
Faut-il attendre que les images soient calculées ? malgré plusieurs reload, rien ne change.

spip3.2.7, petit site, 5 images par page
adapative_images 2.0 (« variantes à la demande » activé)
squelette sarkaspir par défaut (donc filtre adaptive_images appliqué sur balise #TEXTE)

Adaptive Images

Bonjour,
Il semblerait qu'il y ait un petit bug : quand on veut afficher #DESCRIPTIF (en plus de #TITRE) de l'image dans la balise TITLE, des paramètres de l'image générée par le plugin sont ajoutés.

Adaptive Images

bonjour,
Les images en jpg s'affiche correctement sur petits écrans mais j'ai des pb avec les png.
par exemple j'ai une image en 960*960 en png qui est visible au début du chargement de la page puis s'efface lorsque la page es chargée ... en fait les versions en 320, 480 ne sont pas créés dans le répertoire local adapt-img correspondant mais la version en 640 l'est ( local/adapt-img/640/10x/IMG/png).
Voir l'effet sur https://paroissesaintjeandulez.cef.fr/ en premier sur la gauche l'image sur le covid en diminuant l'ecran.
Pouvez m'indiquer si il faut rajouter quelque chose pour que cela fonctionne
merci

Adaptive Images

Ah oui il y a eu un raté lors du passage à git et aux tags. Je viens de reposer un tag, ça va arriver prochainement ici https://plugins.spip.net/adaptive_images

A noter que j'ai renommé cette version qui s'appelle maintenant 2.0.0 et plus 1.18.0 pour mieux marquer qu'il y a eu changement du markup et que cela entraine parfois des petites incompatibilités à corriger avec du CSS

Adaptive Images

Bonjour,
Il est impossible de télécharger la dernière version en 1.18.0 depuis https://files.spip.net/spip-zone/adaptive_images.zip ou directement depuis les sources dans Spip > ajouter un plugin.

Pouvez vous y remédier ?

Cdt.

Adaptive Images

Merci de la réponse ultra rapide et efficace !!
Désolé de n'avoir pas tout lu attentivement.
Bonne soirée et bonne santé ;))

Adaptive Images

Je cite la doc un peu plus haut :

Ne pas adapter certaines images
Pour empêcher le plugin d'adapter certaines images que vous voulez conserver intactes, il suffit de leur ajouter une classe no-adapt-img.

Adaptive Images

Bonjour,
tout d'abord un grand merci à cerdic pour le Plugin qui fonctionne parfaitement sur les images des articles.
Sur ma home ( https://urgences-serveur.fr/ ) , le logo du site est au format PNG-24 en transparence sur une image de fond. depuis l'installation du Plugin sur un SPIP 3.2.7 [24473] à chaque chargement de la page, le logo s'affiche sur fond blanc avant de laisser place à la transparence. Est - il possible d'inhiber ce comportement vis JS ou CSS uniquement sur cette image ?

Merci de l'attention que vous porterez à ma demande !

Michel WM

Adaptive Images

Certes ça s'affichait bien, mais c'était totalement contreproductif car au final on envoyait plus de données au navigateur qu'en envoyant simplement l'image en 400px à tout le monde.

Du coup ça n'a aucun sens de faire ça, ça produit même exactement le contraire de ce qu'on cherche (essayer de réduire le poids des images à envoyer au navigateur).

Cela dit, je suis en train de découvrir que tu n'es pas le seul à avoir fait cet usage du plugin malgré tous mes efforts de documentation.

Du coup je réflechis à un patch pour que l'appel de adaptive_image sur des images en dessous de la taille limite soit traité aussi, mais de manière plus simple, avec une unique balise img mise aux bonne dimensions.

Mais sinon oui tu peux revenir à l'ancienne version du plugin, je viens de taguer la version 1.9.2 qui correspond à celle juste avant les changement de markup qui provoquent le bug
https://git.spip.net/spip-contrib-extensions/adaptive_images/releases

Adaptive Images

Pourtant malgré mes filtres image_reduire, javais bien un site responsive dont la taille des images changeait avec celle de l'écran.

Je prends l'exemple d'une photo dans un article, sur laquelle j'ai un filtre |image_reduire400,400 (dans le squelette lié à cet article) . Elle s'affichait à la taille voulue dans mon article mais était réduite ou disparaissait sur un écran plus petit.
Maintenant avec cette nouvelle version elle prend toute la largeur de mon écran, même si je lui mets un filtre |adaptive_images400. Dans un autre cas, ce sont mes images de header qui se mettent les unes au dessus des autres au lieu d'être les unes à côté des autres, et là encore pas toutes de la même dimension, ailleurs c'est mon logo de site qui est trop petit, et encore ailleurs mes logos d'articles qui sont énormes mais visibles qu'à moitié (tout ça avec le filtre adaptive_image).
Bref je n'arrive plus du tout à utiliser le plugin et je n'ai pas le temps (le courage ?) ni les compétences d'arranger les choses prochainement très bientôt.
Y a t-il moyen de récupérer une ancienne version en attendant que je trouve une autre solution ?
Merci à toi

Adaptive Images

Il y a eu un changement de markup qui utilise maintenant la balise

et qui pose visiblement quelques soucis de styles CSS.

Mais de toute façon, avec |image_reduire{500} dans les squelettes le plugin ne sert à rien et il vaut mieux ne pas l'utiliser car il alourdit inutilement les pages, j'ai mis un avertissement explicite en début d'article à ce sujet

Adaptive Images

Bonjour,
jusqu'ici ça fonctionnait très bien mais suite à une mise à jours de tous mes plugins j'ai un gros problème d'affichage des images, qui sont de trop grande taille et floues. Elles envahissent complètement le site. Le problème ne peut apparemment être résolu qu'en désactivant ce plugin.

Certes j'ai un peu partout le filtre |image_reduire500, mais jusqu'ici ça ne me posait pas de problème.

Une mise à jour récente du plugin a introduit un changement majeur ?

Adaptive Images

L'affichage du logo de survol fonctionne bien si on neutralise l'adaptation avec
[(#LOGO_RUBRIQUE|inserer_attribut {class,'no-adapt-img'})]

Adaptive Images

J'ai activé les logos de survol ... et cela ne marche pas, sauf erreur de ma part, si le plugin est activé.
#LOGO_RUBRIQUE par exemple

Adaptive Images

Bonjour
Une question quand au code source généré par ce plugin. Je m'étonnais d'avoir un si bas ratio source vs texte dans les outils SEO et de fait ce plugin génère une montage de code dans le source. Il se pourrait qu'il pénalise de fait les sites si ce critère source/code est considéré par Google.
j'ai limité le nombre de variante mais cela reste encore trop important.
Des conseils ?

Adaptive Images

ce pb venait d'un width:auto ; sur l'image

Adaptive Images

bonjour,
j'ai exactement le même problème avec les images adaptées avec un modele incluant une image sur laquelle je dois appliquer le filtre adaptive_images des balises codes ( venant de la fonction echappe-js) s'ajoutent dans l'espace privé mais pas dans l'espace public

[(#FICHIER}|image_recadre{4:3,'-','center top'}|inserer_attribut{title," titr"}|adaptive_images{1000} )]

pas de pb avec les images non adaptées
savez vous ce qui peut déclencher la fonction : echappe-js du plugin spip-dist textwheel ?

Adaptive Images

Bonjour,
si je met dans un modele : #LOGO_SITE * je vois bien le logo dans le texte de l'espace privé

le code généré étant

si je met dans le modele #LOGO_SITE je ne vois pas le logo dans le texte de l'espace prive

cela viendrait de balises « code » qui se rajoute automatiquement ?


 sachant que j'utilise le plugin adaptive images est-ce que cela peut venir de la ?

est-ce que le rajout d'une balise peut remédier au pb ?
merci



Adaptive Images
Bonjour,

étant dans un div englobant l'image, est-il possible de récupérer la hauteur de l'image adaptée ? je récupère toujours la hauteur de l'image d'origine
merci


Adaptive Images
Bonjour, je met un breakpoint à 800 dans la configuration du plugins

160,320,480,640,800,960,1440

J'ai vidé le cache par l'admin.
je met une image de 800/ 600 mais l'image apparait en 640/480 dans son conteneur de 800 sur l'ordinateur et il me faut cliquer dessus pour avoir l'image en 800/600 dans son conteneur 
 quand je regarde avec l'inspecteur firefox, l'image adaptée fait 640/ 480

je vois bien un cache adapt-img en 800 sur le serveur.


Sur les petits écrans... bien sur pas de pb par exemple l'image adaptée est en 480/360.
Que faut-il faire pour que l'image adaptée soit en 800 

merci


Adaptive Images
Bonjour,

de plus si je met dans la configuration : taille maximale des images adaptées à 800, alors j'ai une image de 640 qui lorsque je clique dessus prend la taille désirée suivant le container( par exemple 740)
Mes images sont recadrées par une fonction qui fonctionne bien au niveau du recadrage et qui par ex suivant le cas fait
$img= image_recadre($img, « $largeur :$hauteur »,'-',$position,'transparent') ;

$img = image_reduire($img, $largeur, $hauteur) ;

ou 

$img = image_recadre($img, $largeur, hauteur($img),$position,'transparent') ;

$img = image_recadre($img, $largeur, $hauteur, 'transparent') ;


Adaptive Images
Bonjour,

j'affiche des grandes images pour un slider haut de page et des images dans des conteneurs de 800.

Les rédacteurs étant un peu fantaisiste dans leur préparation des images, je remet les images a une même dimension ..hauteur , largeur

J'utilise le plugin centrer_image, qui permet de choisir l'élément central du recadrage, avec des recadre proportions par exemple
 image_recadre800:600,-,'focus' et des images_reduire
 adaptive_images800 j'ai essayé avec mais cela ne permet pas d'avoir une hauteur fixe . Comment faire ?


Adaptive Images
Ok, pour l'instant je contourne le problème en faisaint un adaptImgFix(this) sur toutes les images au chargement de la page (une rustine faite en urgence).
Après, est-ce qu'il s'agit d'une limitation technique, ou d'un choix éditorial imposé par le plugin ? Parceque c'est assez courant d'avoir besoin de proportions différentes pour les images mobiles.


Adaptive Images
Implicitement la version mobile attendue a les mêmes proportions que la version desktop. L'interface le suggère en proposant de retailler dans un sens ou dans l'autre pour respecter cela.
La version mobile permet de faire un recadrage spécifique, ou un zoom sur le sujet pour prendre en compte que l'image sera affichée en plus petit, mais pas d'utiliser des proportions différentes


Adaptive Images
Hello,
J'ai un souci avec la version mobile des images : quand les utilisateurs mettent une version mobile avec un format différent, sur écran large il y a le « fantôme » de la version mobile en arrière plan : https://cloud.mukt.fr/index.php/s/zor8Yq9LS7BQcFA
Dans le code, le background-image de  est correct, par contre le  prend la version mobile.
 



Adaptive Images
Bonsoir DD,
Non, effectivement, vu comme ça, je ne trouve pas non plus d'inconvénient. Ca fonctionne.
Mais étant données les discussions récurrentes des Spipien.ne.s sur l'optimisation des ressources (parfois pour quelques ms de gain), je me demande si cette solution est recommandée, et si oui, pourquoi ne pas modifier le plugin...
Affaire à suivre ;-)


Adaptive Images
Hello,
Moi aussi j'ai ajouté
 @media (max-width : 480px) opacity : 1
Je n'y ai pas vu d'inconvénients jusqu'à présent


Adaptive Images
Bonjour,
je remets au goût du jour cette question car je bute également sur cette barre fatidique et mystérieuse des 480px en dessous de laquelle mes images affichent une opacité de 0.01.
Résolu temporairement le problème en désactivant effectivement « Produire les variantes d'images uniquement quand elles sont nécessaires » et « Ne charger les images adaptatives que lorsqu'elles sont visibles », mais je ne suis pas certain que ce soit optimal (et même, je suis tenté de penser l'inverse)... Mais pourquoi donc 480px ?
Je serais pourtant assez tenté de faire un @media (max-width : 480px) opacity : 1 en conservant coché les 2 options car elles optimisent, me semble-t-il, réellement l'affichage... ça fonctionne également.
Quelle est votre recommandation ?


Adaptive Images
(Bis) C'est OK ! avec la Revision 106542 en changeant le fichier paquet.xml.
Très bonne nouvelle :) Merci pour tout !


Adaptive Images
Hello Cerdic,
Le plugin n'est malheureusement pas compatible avec la version SPIP 3.2.

Nous restons donc sur la 3.1.17.
Y aura-t-'il une mise à jour ou autre alternative ?
Merci.


Adaptive Images
Salut,
j'ai un souci avec colorbox : lorsque j'ouvre un article dans une boite modale avec ZPIP et
#URL_ARTICLE|parametre_url{var_zajax,content}
pour ne charger que le bloc content de l'article, les images adaptatives ne fonctionnent pas car le bloc head (qui contient les styles pour les faire fonctionner) n'est pas chargé.
J'ai beau tourner le problème dans tous les sens, je ne trouve pas de solution.
Quelqu'un a t'il une piste ?
Une solution qui pourrait régler ce type problème serait d'étendre la classe no-adapt-img au parent des images pour pouvoir désactiver toutes les images du champs #TEXTE par exemple.
Merci


Adaptive Images
Hello,
J'avance dans mon système de bidouillage spécial sites mutualisés :
Il faut mettre une condition au code délivré ci-dessus car l'adaptive image peut aussi être appliqué à un élément d'ergonomie d'un squelette (amené par la balise #CHEMIN par exemple). Dans ce cas, il ne faut pas modifier le chemin de l'image :
if (match($filepath,'/IMG') || match($filepath,'/cache-gd2') ) { $ndd = replace(_ADAPTIVE_IMAGES_DOMAIN,'http://',''); $filepath = replace($filepath,'/IMG','/sites/'.$ndd.'/IMG'); $filepath = replace($filepath,'/local/cache-gd2','/sites/'.$ndd.'/local/cache-gd2'); $filepath = rtrim(_ADAPTIVE_IMAGES_DOMAIN,"/")."/sites/$ndd/".$filepath;
}


Adaptive Images
Bonjour,

#FICHIER n'est pas une image mais un nom de fichier. Les filtres image_xx savent prendre un nom de fichier en entrée et le transformer en image avant de la transformer si besoin, mais le filtre adaptive_images ne fait pas ça.
Il faut écrire :

[
(#FICHIER|balise_img|adaptive_images{655})
]
Attention le filtre adaptive_images ne prend qu'une seule dimension (la largeur) en argument, et pas 2.


Adaptive Images
une précision :

la boucle fonctionne bien avec

[
(#FICHIER|image_reduire{655,*})
]

mais pas avec 

[(#FICHIER|adaptive_images{655,*})
]


Adaptive Images
Je suis allé un peu vite et j'ai oublié de saisir la boucle entre des balises 

Pour les fichiers du portfolio de l'article la boucle ci-dessous m'affiche « IMG/jpg/nom_du_fichier.jpg » au lieu de l'image correspondante.

[(#FICHIER|adaptive_images{655})]

Une idée de ce qui cloche dans ma boucle ?
Merci d'avance


Adaptive Images
Bonsoir,
Pour les fichiers du portfolio de l'article la boucle ci-dessous m'affiche « IMG/jpg/nom_du_fichier.jpg » au lieu de l'image correspondante.

[(#FICHIER|adaptive_images{655})]

Une idée de ce qui cloche dans ma boucle ?
Merci d'avance


Adaptive Images
Hello,
1./ Tout d'abord, un préalable :

Attention, il s'agit bien d'une bidouille. Il faudrait que je me penche d'avantage sur le sujet pour, au moins, surcharger la fonction dans le squelette plutôt que de modifier le plugin à volo.
2./ Ensuite, pour répondre à Cerdic :

Sur un site mutualisé, le plugin crée des fichiers images dans des adresses de type :
sites/mondomaine.fr/adapt-img/1000/10x/sites/mondomaine.fr/IMG/jpg/monimage.jpg
La variable « sites/ » + nom de domaine apparaît donc 2 fois dans le chemin, sûrement pour différencier les cas de figure au cas où plusieurs site utiliseraient le même fond d'images.
3./ Enfin, une petite modif concernant une situation non envisagée dans mon premier post :

Dans certains cas de figure, les images ne sont pas situés dans '/IMG', mais dans '/local/cache-gd2'. Pour que la bidouille fonctionne, il faut donc répondre à ce cas de figure. Le code à rajouter devient donc :
$ndd = replace(_ADAPTIVE_IMAGES_DOMAIN,'http://','');
$filepath = replace($filepath,'/IMG','/sites/'.$ndd.'/IMG');
$filepath = replace($filepath,'/local/cache-gd2','/sites/'.$ndd.'/local/cache-gd2');
$filepath = rtrim(_ADAPTIVE_IMAGES_DOMAIN,"/")."/sites/$ndd/".$filepath;


Adaptive Images
il me semble que le chemin vers les images adaptées devrait être
sites/mondomaine.fr/local/adapt-img/1000/10x/IMG/jpg/monimage.jpg
et pas
local/adapt-img/1000/10x/sites/mondomaine.fr/IMG/jpg/monimage.jpg
car je crois que chaque site mutalisé a bien son dossier sites/xxx/local/

cette histoire de mutualisation me semble définitivement bancale, tout ça est hors garantie du constructeur s'entends ^^


Adaptive Images
A vrai dire, j'avais laissé tomber et remis un |image_reduire au lieu de |adaptive_images

Ce matin, ta piste m'a donné envie de m'y remettre et ça marche nickel. Un grand merci yohoo !!!
J'explique un peu plus ta bidouille pour ceux que cela intéresse.
CONFIGURER LE PLUGIN ADAPTATIVE IMAGE POUR DES SPIPS MUTUALISES
dans un site normal, le chemin est :

/local/adapt-img/1000/10x/IMG/jpg/monimage.jpg

alors que sur un site mutualisé, le chemin vers l'image devient :

/local/adapt-img/1000/10x/ sites/mondomaine.fr/ IMG/jpg/monimage.jpg

il va donc falloir bidouiller pour insérer sites/mondomaine.fr/ au coeur de l'url générée par le plugin.
1/ Modifier le plugin. Penser à recommencer cette modif en cas de mise à jour du plugin

remplacer la ligne 35 par ces trois lignes :
$ndd = replace(_ADAPTIVE_IMAGES_DOMAIN,'http://','');
$filepath = replace($filepath,'/IMG','/sites/'.$ndd.'/IMG');
$filepath = rtrim(_ADAPTIVE_IMAGES_DOMAIN,"/")."/sites/$ndd/".$filepath;
Ces trois lignes créent une variable qui sera le nom de domaine sans le http puis viennent l'insérer dans l'url existante et regénère le bon chemin
2/ A faire pour chaque domaine mutualisé

dans votre config, ouvrez ou crééz un fichier mes_options.php

et insérez la ligne suivante :
define('_ADAPTIVE_IMAGES_DOMAIN','http://mondomaine.fr');
cela servira au plugin modifié lors de la première étape de retrouver votre nom de domaine et de réécrire correctement vos url.
Une fois fait, votre plugin fonctionnera normalement et la doc de cette page reste valable.


Adaptive Images
Une bidouille qui a l'air de marcher :
1./ Utiliser la variable _ADAPTIVE_IMAGES_DOMAIN :
	define('_ADAPTIVE_IMAGES_DOMAIN','http://mondomaine.fr');
2./ Dans adaptive_images_options.php, remplacer la ligne 35 pour ajouter :
 $ndd = replace(_ADAPTIVE_IMAGES_DOMAIN,'http://',''); $filepath = replace($filepath,'/IMG','/sites/'.$ndd.'/IMG'); $filepath = rtrim(_ADAPTIVE_IMAGES_DOMAIN,"/")."/sites/$ndd/".$filepath;


Adaptive Images
Hello formatec,
tu as trouvé ?


Adaptive Images
Bonjour,

Ca ne fonctionne pas sur une mutualisation car le chemin vers les images adaptées conduit à un 404
où et comment peut on modifier le filepath ?


Adaptive Images
la limite se trouve au niveau de PHP, pas du plugin.
Si c'est du local, tu peux regler ton PHP.ini pour mettre plus de memoire… mais après en ligne…


Adaptive Images
bonjour,

J'ai récupéré un site en local pour tester de nouvelles fonctionnalités.
en local, windows10, si j'ai une image de taille 373473 ou plus ( 3872*2592) - Les rédacteurs ne respectent pas toujours les consignes ..)

j'obtiens un erreur 

fatal error : Allowed memory size of 134217728 bytes exhausted (tried to allocate 35987329 bytes) in D :\saint jean 2015\EasyPHP-5.3.8.0\www\sete\plugins-dist\filtres_images\filtres\images_transforme.php on line 401
y a-t-il une limitation dans le plugin ? est-ce que c'est parce que je suis en local ?


Adaptive Images
J'ai un bug depuis quelque temps avec |adaptive_images : quand je l'utilise SANS indiquer de taille, ya du JS qui ne se charge plus (« adaptImgFix is not defined » dans la console JS) et on se retrouve avec la méga basse qualité pixel partout, sans que ce soit remplacé par la haute qualité de la bonne taille.
Dès que je fais |adaptive_images1600 ça remarche, ou n'importe quelle taille hein |adaptive_images640 etc. C'est quand c'est tout seul |adaptive_images sans rien.
Et ya bien une taille max et des breakpoints configurés dans l'admin.
Si je peux donner d'autres infos…


Adaptive Images
Je pense qu'il faut se pencher sur le plugin image-responsive : 

http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-image-responsive
Je l'ai utilisé pour utiliser des backgrounds « responsive » et ca fait très bien le boulot :)


Adaptive Images
Cela m'intéresse aussi :)


Adaptive Images
J'ai trouvé : c'est LOGO_ARTICLE_RUBRIQUE qui ne lui plaît pas.


Adaptive Images
Bonjour,
J'utilise le plugin Massicot (dernière version) avec SPIP 3.1.

Pour une bannière pleine largeur [(#LOGO_ARTICLE_RUBRIQUE|adaptive_images{2000})]

l'image traitée par adaptive n'est pas la version recadrée.
Alors que dans une liste d'article [(#LOGO_ARTICLE|image_reduire{200,0})] l'image est bien recadrée.
Il y a une incompatibilité entre Massicot et Adaptive images ou bien je dois adapter mon filtre ?
dd