Adaptive Images - comments Adaptive Images 2021-09-20T11:50:27Z https://contrib.spip.net/Adaptive-Images-4458#comment509217 2021-09-20T11:50:27Z <p>bonjour<br class="autobr" /> spip 4.0.0<br class="autobr" /> <strong>je voudrais simplement que l'image soit au maximum en 1280px sur un ordinateur et n' envoyer que 480 px sur un mobile. </strong> 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.<br class="autobr" /> 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)<br class="autobr" /> si je met 640 en image max avec des breakpoint je me retrouve avec une image plus petite et un lien vers l'image.<br class="autobr" /> Comment faire ?<br class="autobr" /> merci</p> Adaptive Images 2021-08-08T09:59:26Z https://contrib.spip.net/Adaptive-Images-4458#comment508950 2021-08-08T09:59:26Z <p>Bonjour,</p> <p>J'essaye de mettre deux ou trois photos (150 px de large) côte à côte :</p> <table class="table spip"> <tbody> <tr class="row_odd odd"> <td>img1</td> <td>img2</td> <td>img3</td></tr> </tbody> </table> <p><i>(les img1 etc. sont entre crochets)</i></p> <p>Cela fonctionnait bien avec SPIP 3.2.11 mais plus avec SPIP 4.0</p> <p>Alors j'ai essayé <strong>Adaptive Images 2.1.3</strong>… mais sans davantage de succès.</p> Adaptive Images 2021-07-28T15:41:17Z https://contrib.spip.net/Adaptive-Images-4458#comment508860 2021-07-28T15:41:17Z <p>Ahaha jusque là ça marchait pas mal ^^'</p> Adaptive Images 2021-07-28T15:17:45Z https://contrib.spip.net/Adaptive-Images-4458#comment508859 2021-07-28T15:17:45Z <p>Heu... en effet, l'écriture <code>[<img src="(#FICHIER|adaptative_images) />]"</code> 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</p> Adaptive Images 2021-07-28T15:10:24Z https://contrib.spip.net/Adaptive-Images-4458#comment508858 2021-07-28T15:10:24Z <p>Bon je viens de résoudre le problème différemment :) Je mets la solution au cas où :</p> <p>J'avais mon animation sur une balise de type :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><figure> <span class="re4">[</span><img src="<span class="re4">(</span><span class="re1">#FICHIER</span><span class="re50">|adaptative_images</span><span class="re4">)</span>" alt="<span class="re1">#TITRE</span>" data-aos="fade-up"><span class="re4">]</span></code></pre></div> <p>Remplacé par</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><figure data-aos="fade-up"> <span class="re4">[</span><span class="re4">(</span><span class="re1">#FICHIER</span><span class="re50">|balise_img</span><span class="re50">|adaptive_images</span><span class="re40">{480/960/1440}</span><span class="re4">)</span><span class="re4">]</span></code></pre></div> <p>Je pense qu'il aime pas la balise img...</p> Adaptive Images 2021-07-27T21:28:07Z https://contrib.spip.net/Adaptive-Images-4458#comment508853 2021-07-27T21:28:07Z <p>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.</p> Adaptive Images 2021-07-27T15:07:38Z https://contrib.spip.net/Adaptive-Images-4458#comment508850 2021-07-27T15:07:38Z <p>Bonjour,</p> <p>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 ?</p> Adaptive Images 2021-06-29T08:02:27Z https://contrib.spip.net/Adaptive-Images-4458#comment508697 2021-06-29T08:02:27Z <p>Je viens de tester la màj chez moi et le markup est bon maintenant.</p> Adaptive Images 2021-06-27T11:03:27Z https://contrib.spip.net/Adaptive-Images-4458#comment508673 2021-06-27T11:03:27Z <p>Bonjour, dans quel délai cette version corrigée sera-t-elle disponible sur le dépôt des plugins spip ?</p> <p>Bon dimanche :-)</p> <p>mathieu</p> Adaptive Images 2021-06-25T17:28:03Z https://contrib.spip.net/Adaptive-Images-4458#comment508665 2021-06-25T17:28:03Z <p>oups désolé Jean-Marie... ^^ c'était la fatigue du vendredi...</p> <p>Merci encore pour votre aide !</p> Adaptive Images 2021-06-25T14:57:52Z https://contrib.spip.net/Adaptive-Images-4458#comment508662 2021-06-25T14:57:52Z <p>oué oué oué c'est pas beau de se moquer :p<br class="autobr" /> 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 !</p> Adaptive Images 2021-06-25T14:39:06Z https://contrib.spip.net/Adaptive-Images-4458#comment508659 2021-06-25T14:39:06Z <p>Super, merci !</p> <p>Signé Jean-Marc :D</p> Adaptive Images 2021-06-25T14:23:34Z https://contrib.spip.net/Adaptive-Images-4458#comment508658 2021-06-25T14:23:34Z <p>Bien vu, je viens de corriger le bug et releaser une version 2.1.2<br class="autobr" /> <a href="https://git.spip.net/spip-contrib-extensions/adaptive_images/commit/f5476f576d2649d46a733d12be9448f3e3a45463" class="spip_url spip_out auto" rel="nofollow external">https://git.spip.net/spip-contrib-extensions/adaptive_images/commit/f5476f576d2649d46a733d12be9448f3e3a45463</a></p> Adaptive Images 2021-06-25T14:01:09Z https://contrib.spip.net/Adaptive-Images-4458#comment508656 2021-06-25T14:01:09Z <p><a href='https://contrib.spip.net/jeanmarie' class="spip_in" rel='nofollow'>@jeanmarc</a> 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 :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code><span class="co1">// Srscet et la methode recommandee, et a partir de SPIP 3.3 on ignore le reglage et on l'impose</span> <span class="kw1">if</span> <span class="br0">&#40;</span><a href="http://www.php.net/intval" rel='nofollow'><span class="kw3">intval</span></a><span class="br0">&#40;</span>_SPIP_VERSION_ID<span class="br0">&#41;</span><span class="sy0"><=</span><span class="nu0">30300</span></code></pre></div> <p>“à partir de SPIP 3.3” ça devrait être un “>=” : et effectivement si je remplace le signe <= par >= les images s'affichent de nouveau correctement !</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code><span class="kw1">if</span> <span class="br0">&#40;</span><a href="http://www.php.net/intval" rel='nofollow'><span class="kw3">intval</span></a><span class="br0">&#40;</span>_SPIP_VERSION_ID<span class="br0">&#41;</span><span class="sy0">>=</span><span class="nu0">30300</span></code></pre></div> <p>Je n'ai pas de compte sur le Git de spip, est-ce que tu peux faire remonter ce correctif ?</p> Adaptive Images 2021-06-24T15:17:50Z https://contrib.spip.net/Adaptive-Images-4458#comment508649 2021-06-24T15:17:50Z <p>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.</p> <p>Donc, si on était en “srcset + (HTML5)” avant la màj, cette méthode est utilisée après.</p> Adaptive Images 2021-06-24T15:14:33Z https://contrib.spip.net/Adaptive-Images-4458#comment508648 2021-06-24T15:14:33Z <p>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) (<code><picture></code> / <code><source></code>)</p> <p>Le problème est que, depuis <a href="https://git.spip.net/spip-contrib-extensions/adaptive_images/commit/78514b3d1062a5e3d0c65e0268714dd42a52fe1b" class="spip_out" rel='nofollow external'>ce commit</a> et uniquement en SPIP4, le markup généré est <code><picture></code> et on dirait qu'il n'y a plus les <code><source></code> et <code>srcset</code>.</p> <p>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 ?</p> <p>Le markup avec Adaptive images 2.1+ :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="xml"><code><span class="sc3"><span class="re1"><figure</span> <span class="re0">class</span>=<span class="st0">"spip_doc_inner"</span><span class="re2">></span></span> <span class="sc3"><span class="re1"><a</span> <span class="re0">href</span>=<span class="st0">"IMG/jpg/img_20200209_153121_267.jpg"</span> <span class="re0">class</span>=<span class="st0">"spip_doc_lien mediabox lity-enabled hasbox"</span> <span class="re0">type</span>=<span class="st0">"image/jpeg"</span> <span class="re0">data-box-type</span>=<span class="st0">"image"</span><span class="re2">></span></span> <span class="sc-1"><!--[if IE]><img src='local/adapt-img/1440/10x/local/cache-vignettes/L672xH497/img_20200209_153121_267-daf86.jpg?1624547049' width='672' height='497' alt='' class='adapt-img-ie ' /><![endif]--></span> <span class="sc-1"><!--[if !IE]><!--></span><span class="sc3"><span class="re1"><picture</span> <span class="re0">class</span>=<span class="st0">"adapt-img-wrapper c2377966240 jpg"</span><span class="re2">></span><span class="re1"><img</span> <span class="re0">src</span>=<span class="st0">"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94[.......]"</span> <span class="re0">alt</span>=<span class="st0">""</span> <span class="re0">class</span>=<span class="st0">"adapt-img adapt-img-multilayers blur"</span> <span class="re0">onmousedown</span>=<span class="st0">"adaptImgFix(this)"</span> <span class="re0">width</span>=<span class="st0">"672"</span> <span class="re0">height</span>=<span class="st0">"497"</span><span class="re2">></span><span class="re1"></picture<span class="re2">></span></span></span> <span class="sc-1"><!--<![endif]--></span><span class="sc3"><span class="re1"></a<span class="re2">></span></span></span> <span class="sc3"><span class="re1"></figure<span class="re2">></span></span></span></code></pre></div> <p>Le markup avec la version 2.0.1 et la config “srcset + <source> (HTML5)”</source></p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="xml"><code><span class="sc3"><span class="re1"><figure</span> <span class="re0">class</span>=<span class="st0">"spip_doc_inner"</span><span class="re2">></span></span> <span class="sc3"><span class="re1"><a</span> <span class="re0">href</span>=<span class="st0">"IMG/jpg/img_20200209_153121_267.jpg"</span> <span class="re0">class</span>=<span class="st0">"spip_doc_lien mediabox lity-enabled hasbox"</span> <span class="re0">type</span>=<span class="st0">"image/jpeg"</span> <span class="re0">data-box-type</span>=<span class="st0">"image"</span><span class="re2">></span></span> <span class="sc3"><span class="re1"><picture</span> <span class="re0">class</span>=<span class="st0">"adapt-img-wrapper intrinsic c2377966240 jpg"</span> <span class="re0">style</span>=<span class="st0">"max-width:1440px;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD[......])"</span><span class="re2">></span></span> <span class="sc-1"><!--[if IE 9]><video style="display: none;"><![endif]--></span><span class="sc3"><span class="re1"><source</span> <span class="re0">media</span>=<span class="st0">"(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx)"</span> <span class="re0">srcset</span>=<span class="st0">"local/cache-vignettes/L672xH497/img_20200209_153121_267-daf86.jpg?1621354591 1344w"</span> <span class="re0">sizes</span>=<span class="st0">"(min-width: 1440px) 1440px, 100vw"</span><span class="re2">></span><span class="re1"><source</span> <span class="re0">media</span>=<span class="st0">"(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"</span> <span class="re0">srcset</span>=<span class="st0">"local/cache-vignettes/L672xH497/img_20200209_153121_267-daf86.jpg?1621354591 1008w"</span> <span class="re0">sizes</span>=<span class="st0">"(min-width: 1440px) 1440px, 100vw"</span><span class="re2">></span></span><span class="sc-1"><!--[if IE 9]></video><![endif]--></span> <span class="sc3"><span class="re1"><img</span> <span class="re0">src</span>=<span class="st0">"local/cache-vignettes/L672xH497/img_20200209_153121_267-daf86.jpg?1621354591"</span> <span class="re0">alt</span>=<span class="st0">""</span> <span class="re0">class</span>=<span class="st0">"adapt-img intrinsic"</span> <span class="re0">srcset</span>=<span class="st0">"local/cache-vignettes/L672xH497/img_20200209_153121_267-daf86.jpg?1621354591 672w"</span> <span class="re0">sizes</span>=<span class="st0">"(min-width: 1440px) 1440px, 100vw"</span> <span class="re0">width</span>=<span class="st0">"672"</span> <span class="re0">height</span>=<span class="st0">"497"</span><span class="re2">></span><span class="re1"></picture<span class="re2">></span></span><span class="re1"></a<span class="re2">></span></span></span> <span class="sc3"><span class="re1"></figure<span class="re2">></span></span></span></code></pre></div> Adaptive Images 2021-06-16T09:57:38Z https://contrib.spip.net/Adaptive-Images-4458#comment508589 2021-06-16T09:57:38Z <p>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.</p> Adaptive Images 2021-06-14T12:59:12Z https://contrib.spip.net/Adaptive-Images-4458#comment508572 2021-06-14T12:59:12Z <p>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.</p> Adaptive Images 2021-06-13T15:59:44Z https://contrib.spip.net/Adaptive-Images-4458#comment508566 2021-06-13T15:59:44Z <p>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).</p> Adaptive Images 2021-06-13T14:34:23Z https://contrib.spip.net/Adaptive-Images-4458#comment508564 2021-06-13T14:34:23Z <p>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” ?</p> <p>Du coup je ne peux pas utiliser les plugins pour les templates html5up :-(</p> <p>Une idée ?</p> Adaptive Images 2021-04-28T17:26:46Z https://contrib.spip.net/Adaptive-Images-4458#comment508304 2021-04-28T17:26:46Z <p>Bonjour,<br class="autobr" /> Merci pour la réponse rapide et tout le travail réalisé.<br class="autobr" /> Cordialement</p> Adaptive Images 2021-04-28T12:53:22Z https://contrib.spip.net/Adaptive-Images-4458#comment508303 2021-04-28T12:53:22Z <p>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.</p> <p>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...</p> Adaptive Images 2021-04-26T17:37:15Z https://contrib.spip.net/Adaptive-Images-4458#comment508293 2021-04-26T17:37:15Z <p>Bonjour,<br class="autobr" /> SPIP 3.1.15 et SarkaSpipr 4.5.11<br class="autobr" /> 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”.<br class="autobr" /> J'ai supprimé tous les plugins sauf ceux nécessaires à SarkaSpipr mais cela ne change rien.<br class="autobr" /> Une incompatibilité avec SarkaSpipr ?</p> Adaptive Images 2021-03-15T18:15:26Z https://contrib.spip.net/Adaptive-Images-4458#comment507843 2021-03-15T18:15:26Z <p>Bonjour,</p> <p>je suis confronté à un bug (du moins je pense). <br class="autobr" /> Sous un SPIP 3.2 sous PHP 7.2, j'ai mis en place Adaptative img avec méthode des 3 couches.</p> <p>Ça marche bien au-dessus du break point : 480px (par contre il prend la valeur max des images...)<br class="autobr" /> En dessous, l'image indique un src au lien 480/monimage.jpg or le dossier 480 n'existe pas...</p> <p>Comment cela peut-il se faire ? Je suis en local.</p> Adaptive Images 2020-10-06T13:18:54Z https://contrib.spip.net/Adaptive-Images-4458#comment506429 2020-10-06T13:18:54Z <p>bonjour,<br class="autobr" /> dans mon parametrage , la largeur maximale des images une fois adaptée est 1280px<br class="autobr" /> les break points sont : 480,640,800,1280,1440<br class="autobr" /> 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.<br class="autobr" /> je voudrais juste que l'image soit en 480px pour les portables, 640 pour les tablettes, 1280 pour les ordi “standard”<br class="autobr" /> comment faut-il faire ?<br class="autobr" /> merci</p> Adaptive Images 2020-08-28T23:11:56Z https://contrib.spip.net/Adaptive-Images-4458#comment506195 2020-08-28T23:11:56Z <p>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)</p> <p>Sur un site en développement, dans le squelette, le filtre adaptive_images<i>400</i> 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.</p> <p>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 :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>.adapt-img-wrapper.intrinsic img { position: absolute; left: 0; top: 0; width: 100%; height: auto; }</code></pre></div> <p>et si je commente “width: 100%”, cela semble fonctionner<br class="autobr" /> J'ai donc rajouté</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code>.adapt-img-wrapper.intrinsic img <span class="re40">{width: auto;}</span> </code></pre></div> <p>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.</p> <p>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</p> <p>Est-ce que mon diagnostic est bon ? si oui, comment corriger cela ?<br class="autobr" /> le probleme est visible sur les images de cette page, par exemple : <a href="https://www.grottesdhaiti.org/-le-blog-.html" class="spip_url spip_out auto" rel="nofollow external">https://www.grottesdhaiti.org/-le-blog-.html</a></p> Adaptive Images 2020-06-03T07:25:53Z https://contrib.spip.net/Adaptive-Images-4458#comment505511 2020-06-03T07:25:53Z <p>Yep, cool si c'est bien ça donc.</p> <p>Il faudra trouver à adapter <code>mutualisation_verifier_htaccess()</code> en conséquence.<br class="autobr" /> <a href="https://git.spip.net/spip-contrib-extensions/mutualisation/src/branch/master/mutualiser_gerer_img.php#L46" class="spip_url spip_out auto" rel="nofollow external">https://git.spip.net/spip-contrib-extensions/mutualisation/src/branch/master/mutualiser_gerer_img.php#L46</a></p> Adaptive Images 2020-06-02T22:36:54Z https://contrib.spip.net/Adaptive-Images-4458#comment505509 2020-06-02T22:36:54Z <p>J'ai donc mis la ligne suivante au tout début de /local/.htaccess (fichier généré par le plugin Mutualisation)<br class="autobr" /> RedirectMatch /local/adapt-img/([0-9]+)/([a-z0-9-]+)/IMG/(.*)$ /local/adapt-img/$1/$2/sites/monsite.com/IMG/$3</p> <p>Pour le moment, cela semble fonctionner.</p> <p>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).</p> <p>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.<br class="autobr" /> merci Matthieu</p> Adaptive Images 2020-05-31T08:42:54Z https://contrib.spip.net/Adaptive-Images-4458#comment505471 2020-05-31T08:42:54Z <p>Excellent, c'était la taille. J'étais passé à côté de ce paramètre.<br class="autobr" /> Merci mille fois.</p> <p>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.</p> <p>Sujet résolu. Merci pour la rapidité.</p> Adaptive Images 2020-05-31T07:49:31Z https://contrib.spip.net/Adaptive-Images-4458#comment505470 2020-05-31T07:49:31Z <p>Le plugin marche aussi bien avec les png qu'avec les gif et les jpg, donc ça vient pas du plugin.<br class="autobr" /> Au choix :</p> <ul class="spip"><li> tes png sont mal formatés (faux png avec l'extension png mais en fait dans un autre format) ?</li><li> 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)</li></ul> Adaptive Images 2020-05-30T21:32:08Z https://contrib.spip.net/Adaptive-Images-4458#comment505469 2020-05-30T21:32:08Z <p>En fait, certains PNG sont adaptés (de grande taille).<br class="autobr" /> 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).</p> Adaptive Images 2020-05-30T13:01:46Z https://contrib.spip.net/Adaptive-Images-4458#comment505462 2020-05-30T13:01:46Z <p>Bonjour,</p> <p>Le plugin fonctionne parfaitement pour les jpg et gif mais pas pour les png. C'est normal ?<br class="autobr" /> Il n'y a pas de wrapper autour des png insérés.<br class="autobr" /> J'ai essayé de jouer sur les paramètres d'export des png mais aucun changement.</p> <p>Merci.</p> Adaptive Images 2020-05-26T21:42:00Z https://contrib.spip.net/Adaptive-Images-4458#comment505410 2020-05-26T21:42:00Z <p>Ah oui, c'est bien un problème avec la mutualisation du coup.<br class="autobr" /> Je vois pas trop comment améliorer là…</p> <p>Peut être en adaptant les .htaccess générés par le plugin mutualisation dans /local. Je pense qu'il faut que l'url <br />- <code>/local/adapt-img/{x}/IMG/{y}</code> dirige vers <br />- <code>/sites/{site}/local/adapt-img/{x}/sites/{site}/IMG/{y}</code></p> <p>avant la redirection déjà intégrée donc.</p> Adaptive Images 2020-05-26T17:30:21Z https://contrib.spip.net/Adaptive-Images-4458#comment505400 2020-05-26T17:30:21Z <p>le fichier mutualiser_gerer_img.php du plugin mutualisation contient la fonction mutualisation_traiter_url_img_courtes($flux)<br class="autobr" /> qui raccourcis les url d'images en retirant /sites/monsite.com</p> <p>Par contre adaptive_images n'utilise pas cette fonction et semble donc créer deux niveaux de dossier supplémentaire. C'est ça ?</p> Adaptive Images 2020-05-26T17:00:42Z https://contrib.spip.net/Adaptive-Images-4458#comment505399 2020-05-26T17:00:42Z <p>En regardant la source de la page, je vois que l'image est appelée à l'url:<br class="autobr" /> local/adapt-img/640/10x/IMG/jpg/junior.jpg</p> <p>mais que sur mon hébergement, elle se trouve à: <br class="autobr" /> local/adapt-img/640/10x/sites/monsite.com/IMG/jpg/junior.jpg<br class="autobr" /> Il y a donc une erreur 404.<br class="autobr" /> C'est valable pour toutes les images.</p> <p>J'ai le plugin Mutualisation<br class="autobr" /> c'est la première fois que j'installe ce plugin sur un site.</p> Adaptive Images 2020-05-26T12:31:37Z https://contrib.spip.net/Adaptive-Images-4458#comment505394 2020-05-26T12:31:37Z <p>Je ne sais pas pour le bug, ça m'étonne, mais en tout cas il manque au moins <code>|attribut_html</code> sur les éléments là pour que les apostrophes / quotes soient échappées :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><img src="<span class="re4">[</span><span class="re4">(</span><span class="re1">#FICHIER</span><span class="re50">|adaptative_images</span><span class="re4">)</span><span class="re4">]</span>" alt="<span class="re4">[</span><span class="re4">(</span><span class="re1">#TITRE</span><span class="re50">|attribut_html</span><span class="re4">)</span><span class="re4">]</span>" title="<span class="re4">[</span><span class="re4">(</span><span class="re1">#TITRE</span><span class="re50">|attribut_html</span><span class="re4">)</span><span class="re4">]</span><span class="re4">[</span> - <span class="re4">(</span><span class="re1">#DESCRIPTIF</span><span class="re50">|attribut_html</span><span class="re4">)</span><span class="re4">]</span>"></code></pre></div> Adaptive Images 2020-05-26T12:29:22Z https://contrib.spip.net/Adaptive-Images-4458#comment505393 2020-05-26T12:29:22Z <p>Peut être suite à une mise à jour du plugin ? Et ça ressemble à un souci de CSS.<br class="autobr" /> Tu as une URL où se pose le problème ?</p> Adaptive Images 2020-05-25T22:35:00Z https://contrib.spip.net/Adaptive-Images-4458#comment505389 2020-05-25T22:35:00Z <p>Bonjour,<br class="autobr" /> Je ne suis pas sûr de comprendre ce qui se passe: les images ont toutes disparues!</p> <p>Les images ne s'affichent pas, l'espace reste blanc. En débug, la basse def est visible au survol.</p> <p>Que faire?<br class="autobr" /> Faut-il attendre que les images soient calculées? malgré plusieurs reload, rien ne change.</p> <p>spip3.2.7, petit site, 5 images par page<br class="autobr" /> adapative_images 2.0 (“variantes à la demande” activé)<br class="autobr" /> squelette sarkaspir par défaut (donc filtre adaptive_images appliqué sur balise #TEXTE)</p> Adaptive Images 2020-04-22T18:00:13Z https://contrib.spip.net/Adaptive-Images-4458#comment504812 2020-04-22T18:00:13Z <p>Bonjour,<br class="autobr" /> 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.</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><img src="<span class="re4">[</span><span class="re4">(</span><span class="re1">#FICHIER</span><span class="re50">|adaptative_images</span><span class="re4">)</span><span class="re4">]</span>" alt="<span class="re1">#TITRE</span>" title="<span class="re1">#TITRE</span> - <span class="re1">#DESCRIPTIF</span>"></code></pre></div> Adaptive Images 2020-04-17T09:18:21Z https://contrib.spip.net/Adaptive-Images-4458#comment504690 2020-04-17T09:18:21Z <p>bonjour,<br class="autobr" /> Les images en jpg s'affiche correctement sur petits écrans mais j'ai des pb avec les png.<br class="autobr" /> 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). <br class="autobr" /> Voir l'effet sur <a href="https://paroissesaintjeandulez.cef.fr/" class="spip_url spip_out auto" rel="nofollow external">https://paroissesaintjeandulez.cef.fr/</a> en premier sur la gauche l'image sur le covid en diminuant l'ecran.<br class="autobr" /> Pouvez m'indiquer si il faut rajouter quelque chose pour que cela fonctionne <br class="autobr" /> merci</p> Adaptive Images 2020-04-11T08:08:08Z https://contrib.spip.net/Adaptive-Images-4458#comment504607 2020-04-11T08:08:08Z <p>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 <a href="https://plugins.spip.net/adaptive_images" class="spip_url spip_out auto" rel="nofollow external">https://plugins.spip.net/adaptive_images</a></p> <p>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</p> Adaptive Images 2020-04-11T00:03:46Z https://contrib.spip.net/Adaptive-Images-4458#comment504604 2020-04-11T00:03:46Z <p>Bonjour,<br class="autobr" /> Il est impossible de télécharger la dernière version en 1.18.0 depuis <a href="https://files.spip.net/spip-zone/adaptive_images.zip" class="spip_url spip_out auto" rel="nofollow external">https://files.spip.net/spip-zone/adaptive_images.zip</a> ou directement depuis les sources dans Spip > ajouter un plugin.</p> <p>Pouvez vous y remédier?</p> <p>Cdt.</p> Adaptive Images 2020-03-25T18:14:20Z https://contrib.spip.net/Adaptive-Images-4458#comment504356 2020-03-25T18:14:20Z <p>Merci de la réponse ultra rapide et efficace !!<br class="autobr" /> Désolé de n'avoir pas tout lu attentivement.<br class="autobr" /> Bonne soirée et bonne santé ;))</p> Adaptive Images 2020-03-25T18:10:57Z https://contrib.spip.net/Adaptive-Images-4458#comment504355 2020-03-25T18:10:57Z <p>Je cite la doc un peu plus haut :</p> <blockquote> <strong>Ne pas adapter certaines images</strong><br class="manualbr" />Pour empêcher le plugin d'adapter certaines images que vous voulez conserver intactes, il suffit de leur ajouter une classe no-adapt-img. </blockquote> Adaptive Images 2020-03-25T18:03:33Z https://contrib.spip.net/Adaptive-Images-4458#comment504354 2020-03-25T18:03:33Z <p>Bonjour,<br class="autobr" /> tout d'abord un grand merci à cerdic pour le Plugin qui fonctionne parfaitement sur les images des articles.<br class="autobr" /> Sur ma home ( <a href="https://urgences-serveur.fr/" class="spip_url spip_out auto" rel="nofollow external">https://urgences-serveur.fr/</a> ) , 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 ?</p> <p>Merci de l'attention que vous porterez à ma demande !</p> <p>Michel WM</p> Adaptive Images 2020-03-12T21:21:25Z https://contrib.spip.net/Adaptive-Images-4458#comment504261 2020-03-12T21:21:25Z <p>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.</p> <p>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).</p> <p>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.</p> <p>Du coup je réflechis à un patch pour que l'appel de <code>adaptive_image</code> sur des images en dessous de la taille limite soit traité aussi, mais de manière plus simple, avec une unique balise <code>img</code> mise aux bonne dimensions.</p> <p>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<br class="autobr" /> <a href="https://git.spip.net/spip-contrib-extensions/adaptive_images/releases" class="spip_url spip_out auto" rel="nofollow external">https://git.spip.net/spip-contrib-extensions/adaptive_images/releases</a></p> Adaptive Images 2020-03-12T19:18:35Z https://contrib.spip.net/Adaptive-Images-4458#comment504259 2020-03-12T19:18:35Z <p>Pourtant malgré mes filtres image_reduire, javais bien un site responsive dont la taille des images changeait avec celle de l'écran.</p> <p>Je prends l'exemple d'une photo dans un article, sur laquelle j'ai un filtre |image_reduire<i>400,400</i> (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.<br class="autobr" /> Maintenant avec cette nouvelle version elle prend toute la largeur de mon écran, même si je lui mets un filtre |adaptive_images<i>400</i>. 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).<br class="autobr" /> 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.<br class="autobr" /> Y a t-il moyen de récupérer une ancienne version en attendant que je trouve une autre solution ?<br class="autobr" /> Merci à toi</p> Adaptive Images 2020-03-08T17:36:47Z https://contrib.spip.net/Adaptive-Images-4458#comment504223 2020-03-08T17:36:47Z <p>Il y a eu un changement de markup qui utilise maintenant la balise <code><figure></code> et qui pose visiblement quelques soucis de styles CSS.</p> <p>Mais de toute façon, avec <code>|image_reduire{500}</code> 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</p> Adaptive Images 2020-03-08T15:04:30Z https://contrib.spip.net/Adaptive-Images-4458#comment504221 2020-03-08T15:04:30Z <p>Bonjour,<br class="autobr" /> 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.</p> <p>Certes j'ai un peu partout le filtre |image_reduire<i>500</i>, mais jusqu'ici ça ne me posait pas de problème.</p> <p>Une mise à jour récente du plugin a introduit un changement majeur ?</p> Adaptive Images 2020-01-20T10:33:37Z https://contrib.spip.net/Adaptive-Images-4458#comment503805 2020-01-20T10:33:37Z <p>L'affichage du logo de survol fonctionne bien si on neutralise l'adaptation avec <br class="autobr" /> <code> [(#LOGO_RUBRIQUE|inserer_attribut {class,'no-adapt-img'})]</code></p> Adaptive Images 2020-01-19T18:17:47Z https://contrib.spip.net/Adaptive-Images-4458#comment503799 2020-01-19T18:17:47Z <p>J'ai activé les logos de survol ... et cela ne marche pas, sauf erreur de ma part, si le plugin est activé.<br class="autobr" /> #LOGO_RUBRIQUE par exemple</p> Adaptive Images 2019-09-29T09:29:19Z https://contrib.spip.net/Adaptive-Images-4458#comment502553 2019-09-29T09:29:19Z <p>Bonjour<br class="autobr" /> 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.<br class="autobr" /> j'ai limité le nombre de variante mais cela reste encore trop important. <br class="autobr" /> Des conseils ?</p> Adaptive Images 2019-04-30T14:27:06Z https://contrib.spip.net/Adaptive-Images-4458#comment501026 2019-04-30T14:27:06Z <p>ce pb venait d'un width:auto; sur l'image</p> Adaptive Images 2019-04-30T14:24:16Z https://contrib.spip.net/Adaptive-Images-4458#comment501025 2019-04-30T14:24:16Z <p>bonjour,<br class="autobr" /> 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</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>[(#FICHIER}|image_recadre{4:3,'-','center top'}|inserer_attribut{title," titr"}|adaptive_images{1000} )] </code></pre></div> <p>pas de pb avec les images non adaptées<br class="autobr" /> savez vous ce qui peut déclencher la fonction : echappe-js du plugin spip-dist textwheel ?</p> Adaptive Images 2019-04-22T10:46:37Z https://contrib.spip.net/Adaptive-Images-4458#comment500948 2019-04-22T10:46:37Z <p>Bonjour,<br class="autobr" /> si je met dans un modele : #LOGO_SITE * je vois bien le logo dans le texte de l'espace privé</p> <p>le code généré étant</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><a href=".."> <img class="spip_logo spip_logos" alt="Lien vers : Paroisse catholique Saint Jean-Baptiste du Lez .Une paroisse qui accueille" src="../local/cache-vignettes/L144xH184/siteon37-3aab4.jpg?1555778122" width="144" height="184"> </a></code></pre></div> <p>si je met dans le modele #LOGO_SITE je ne vois pas le logo dans le texte de l'espace prive</p> <p>cela viendrait de balises “code” qui se rajoute automatiquement ?</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><code class="echappe-js"> <img src='../local/cache-vignettes/L144xH184/siteon37-3aab4.jpg?1555778122' alt='' class='spip_logo spip_logos' width='144' height='184' onmouseover='' onmouseout='' >;</code></pre></div> <p> sachant que j'utilise le plugin adaptive images est-ce que cela peut venir de la ?<br class="autobr" /> est-ce que le rajout d'une balise peut remédier au pb ?</p> <p>merci</p> Adaptive Images 2019-03-02T18:29:44Z https://contrib.spip.net/Adaptive-Images-4458#comment500228 2019-03-02T18:29:44Z <p>Bonjour,<br class="autobr" /> é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</p> <p>merci</p> Adaptive Images 2019-02-21T10:39:57Z https://contrib.spip.net/Adaptive-Images-4458#comment500087 2019-02-21T10:39:57Z <p>Bonjour, je met un breakpoint à 800 dans la configuration du plugins<br class="autobr" /> 160,320,480,640,800,960,1440<br class="autobr" /> J'ai vidé le cache par l'admin.</p> <p>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 <br class="autobr" /> quand je regarde avec l'inspecteur firefox, l'image adaptée fait 640/ 480<br class="autobr" /> je vois bien un cache adapt-img en 800 sur le serveur.</p> <p><code><img src="local/adapt-img/fallback/a68596463d0a0e4caf5d4e3511d1c3a3.jpg" alt="" class="adapt-img " onmousedown="adaptImgFix(this)" width="800" height="600"></code><br class="autobr" /> Sur les petits écrans... bien sur pas de pb par exemple l'image adaptée est en 480/360.</p> <p>Que faut-il faire pour que l'image adaptée soit en 800 <br class="autobr" /> merci</p> Adaptive Images 2019-01-24T14:44:02Z https://contrib.spip.net/Adaptive-Images-4458#comment499699 2019-01-24T14:44:02Z <p>Bonjour,<br class="autobr" /> 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)</p> <p>Mes images sont recadrées par une fonction qui fonctionne bien au niveau du recadrage et qui par ex suivant le cas fait</p> <p>$img= image_recadre($img, “$largeur:$hauteur”,'-',$position,'transparent');<br class="autobr" /> $img = image_reduire($img, $largeur, $hauteur);<br class="autobr" /> ou <br class="autobr" /> $img = image_recadre($img, $largeur, hauteur($img),$position,'transparent');<br class="autobr" /> $img = image_recadre($img, $largeur, $hauteur, 'transparent');</p> Adaptive Images 2019-01-24T14:34:31Z https://contrib.spip.net/Adaptive-Images-4458#comment499697 2019-01-24T14:34:31Z <p>Bonjour,<br class="autobr" /> j'affiche des grandes images pour un slider haut de page et des images dans des conteneurs de 800.<br class="autobr" /> Les rédacteurs étant un peu fantaisiste dans leur préparation des images, je remet les images a une même dimension ..hauteur , largeur<br class="autobr" /> J'utilise le plugin centrer_image, qui permet de choisir l'élément central du recadrage, avec des recadre proportions par exemple<br class="autobr" /> image_recadre<i>800:600,-,'focus'</i> et des images_reduire<br class="autobr" /> adaptive_images<i>800</i> j'ai essayé avec mais cela ne permet pas d'avoir une hauteur fixe . Comment faire ?</p> Adaptive Images 2018-10-15T13:03:17Z https://contrib.spip.net/Adaptive-Images-4458#comment498499 2018-10-15T13:03:17Z <p>Ok, pour l'instant je contourne le problème en faisaint un <code>adaptImgFix(this)</code> sur toutes les images au chargement de la page (une rustine faite en urgence).</p> <p>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.</p> Adaptive Images 2018-10-15T12:51:06Z https://contrib.spip.net/Adaptive-Images-4458#comment498495 2018-10-15T12:51:06Z <p>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.</p> <p>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</p> Adaptive Images 2018-10-15T12:42:20Z https://contrib.spip.net/Adaptive-Images-4458#comment498494 2018-10-15T12:42:20Z <p>Hello,</p> <p>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 : <a href="https://cloud.mukt.fr/index.php/s/zor8Yq9LS7BQcFA" class="spip_url spip_out auto" rel="nofollow external">https://cloud.mukt.fr/index.php/s/zor8Yq9LS7BQcFA</a></p> <p>Dans le code, le <code>background-image</code> de <code><span class="adapt-img-wrapper"></code> est correct, par contre le <code><img src="..."></code> prend la version mobile.</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="html"><code><span class="adapt-img-wrapper c1070361041 jpg"> <img src="data:image/jpeg;base64,XXX" data-src-mobile="IMG/jpg/image-mobile.jpg" class="adapt-img " onmousedown="adaptImgFix(this)" width="1600" height="300"> </span></code></pre></div> Adaptive Images 2017-12-08T13:58:51Z https://contrib.spip.net/Adaptive-Images-4458#comment494796 2017-12-08T13:58:51Z <p>Bonsoir DD,</p> <p>Non, effectivement, vu comme ça, je ne trouve pas non plus d'inconvénient. Ca fonctionne.</p> <p>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...</p> <p>Affaire à suivre ;-)</p> Adaptive Images 2017-12-08T12:11:44Z https://contrib.spip.net/Adaptive-Images-4458#comment494794 2017-12-08T12:11:44Z <p>Hello,</p> <p>Moi aussi j'ai ajouté</p> <p><code> @media (max-width : 480px) opacity : 1</code></p> <p>Je n'y ai pas vu d'inconvénients jusqu'à présent</p> Adaptive Images 2017-12-08T04:56:10Z https://contrib.spip.net/Adaptive-Images-4458#comment494787 2017-12-08T04:56:10Z <p>Bonjour,</p> <p>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.</p> <p>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 ?</p> <p>Je serais pourtant assez tenté de faire un @media (max-width: 480px) <i>opacity: 1</i> en conservant coché les 2 options car elles optimisent, me semble-t-il, réellement l'affichage... ça fonctionne également.</p> <p>Quelle est votre recommandation ?</p> Adaptive Images 2017-10-13T16:39:59Z https://contrib.spip.net/Adaptive-Images-4458#comment493747 2017-10-13T16:39:59Z <p><strong>(Bis) C'est OK!</strong> avec la Revision 106542 en changeant le fichier paquet.xml.</p> <p>Très bonne nouvelle :) Merci pour tout!</p> Adaptive Images 2017-10-13T16:03:37Z https://contrib.spip.net/Adaptive-Images-4458#comment493745 2017-10-13T16:03:37Z <p>Hello Cerdic,</p> <p>Le plugin n'est malheureusement <strong>pas compatible</strong> avec la version SPIP <strong>3.2</strong>.<br class="autobr" /> Nous restons donc sur la 3.1.17.</p> <p>Y aura-t-'il une mise à jour ou autre alternative?</p> <p>Merci.</p> Adaptive Images 2017-03-03T10:21:47Z https://contrib.spip.net/Adaptive-Images-4458#comment491285 2017-03-03T10:21:47Z <p>Salut,</p> <p>j'ai un souci avec colorbox : lorsque j'ouvre un article dans une boite modale avec ZPIP et</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><span class="re1">#URL_ARTICLE</span><span class="re50">|parametre_url</span><span class="re40">{var_zajax,content}</span></code></pre></div> <p>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é.</p> <p>J'ai beau tourner le problème dans tous les sens, je ne trouve pas de solution.</p> <p>Quelqu'un a t'il une piste ?</p> <p>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.</p> <p>Merci</p> Adaptive Images 2017-02-16T16:45:05Z https://contrib.spip.net/Adaptive-Images-4458#comment491107 2017-02-16T16:45:05Z <p>Hello,</p> <p>J'avance dans mon système de bidouillage spécial sites mutualisés :</p> <p>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 :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code><span class="kw1">if</span> <span class="br0">&#40;</span>match<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/IMG'</span><span class="br0">&#41;</span> <span class="sy0">||</span> match<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/cache-gd2'</span><span class="br0">&#41;</span> <span class="br0">&#41;</span> <span class="br0">&#123;</span> <span class="re0">$ndd</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st_h">'http://'</span><span class="sy0">,</span><span class="st_h">''</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/IMG'</span><span class="sy0">,</span><span class="st_h">'/sites/'</span><span class="sy0">.</span><span class="re0">$ndd</span><span class="sy0">.</span><span class="st_h">'/IMG'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/local/cache-gd2'</span><span class="sy0">,</span><span class="st_h">'/sites/'</span><span class="sy0">.</span><span class="re0">$ndd</span><span class="sy0">.</span><span class="st_h">'/local/cache-gd2'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> <a href="http://www.php.net/rtrim" rel='nofollow'><span class="kw3">rtrim</span></a><span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st0">"/"</span><span class="br0">&#41;</span><span class="sy0">.</span><span class="st0">"/sites/<span class="es4">$ndd</span>/"</span><span class="sy0">.</span><span class="re0">$filepath</span><span class="sy0">;</span> <span class="br0">&#125;</span></code></pre></div> Adaptive Images 2017-02-03T08:00:27Z https://contrib.spip.net/Adaptive-Images-4458#comment490889 2017-02-03T08:00:27Z <p>Bonjour,<br class="autobr" /> <code>#FICHIER</code> n'est pas une image mais un nom de fichier. Les filtres <code>image_xx</code> savent prendre un nom de fichier en entrée et le transformer en image avant de la transformer si besoin, mais le filtre <code>adaptive_images</code> ne fait pas ça.</p> <p>Il faut écrire :<br class="autobr" /> <code>[<div>(#FICHIER|balise_img|adaptive_images{655})</div>]</code></p> <p>Attention le filtre <code>adaptive_images</code> ne prend qu'une seule dimension (la largeur) en argument, et pas 2.</p> Adaptive Images 2017-02-02T20:27:37Z https://contrib.spip.net/Adaptive-Images-4458#comment490883 2017-02-02T20:27:37Z <p><strong>une précision:</strong><br class="autobr" /> la boucle fonctionne bien avec<br class="autobr" /> <code>[<div>(#FICHIER|image_reduire{655,*})</div>]</code><br class="autobr" /> mais pas avec <br class="autobr" /> <code>[<div>(#FICHIER|adaptive_images{655,*})</div>]</code></p> Adaptive Images 2017-02-02T20:15:50Z https://contrib.spip.net/Adaptive-Images-4458#comment490882 2017-02-02T20:15:50Z <p><strong>Je suis allé un peu vite et j'ai oublié de saisir la boucle entre des balises <code><code></code></strong></p> <p>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.</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><span class="re11"><BOUCLE_diaporama</span><span class="re12">(DOCUMENTS)</span><span class="re13"><span class="re41">{id_article=3}</span><span class="re41">{extension==jpg<span class="re50">|png</span><span class="re50">|gif</span>}</span><span class="re41">{mode=document}</span><span class="re41">{doublons}</span></span><span class="re10">></span> <span class="re4">[</span><div><span class="re4">(</span><span class="re1">#FICHIER</span><span class="re50">|adaptive_images</span><span class="re40">{655}</span><span class="re4">)</span></div><span class="re4">]</span> <span class="re15"></BOUCLE_diaporama></span></code></pre></div> <p>Une idée de ce qui cloche dans ma boucle ?</p> <p>Merci d'avance</p> Adaptive Images 2017-02-02T19:20:01Z https://contrib.spip.net/Adaptive-Images-4458#comment490880 2017-02-02T19:20:01Z <p>Bonsoir,</p> <p>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.</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><span class="re11"><BOUCLE_diaporama</span><span class="re12">(DOCUMENTS)</span><span class="re13"><span class="re41">{id_article=3}</span><span class="re41">{extension==jpg<span class="re50">|png</span><span class="re50">|gif</span>}</span><span class="re41">{mode=document}</span><span class="re41">{doublons}</span></span><span class="re10">></span> <span class="re4">[</span><div><span class="re4">(</span><span class="re1">#FICHIER</span><span class="re50">|adaptive_images</span><span class="re40">{655}</span><span class="re4">)</span></div><span class="re4">]</span> <span class="re15"></BOUCLE_diaporama></span></code></pre></div> <p>Une idée de ce qui cloche dans ma boucle?</p> <p>Merci d'avance</p> Adaptive Images 2016-12-08T12:42:44Z https://contrib.spip.net/Adaptive-Images-4458#comment490123 2016-12-08T12:42:44Z <p>Hello,</p> <p><strong>1./ Tout d'abord, un préalable :</strong><br class="autobr" /> 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.</p> <p><strong>2./ Ensuite, pour répondre à Cerdic :</strong><br class="autobr" /> Sur un site mutualisé, le plugin crée des fichiers images dans des adresses de type :</p> <p><strong>sites/mondomaine.fr/</strong>adapt-img/1000/10x/<strong>sites/mondomaine.fr</strong>/IMG/jpg/monimage.jpg</p> <p>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.</p> <p><strong>3./ Enfin, une petite modif concernant une situation non envisagée dans mon premier post :</strong><br class="autobr" /> Dans certains cas de figure, les images ne sont pas situés dans '<strong>/IMG</strong>', mais dans '<strong>/local/cache-gd2</strong>'. Pour que la bidouille fonctionne, il faut donc répondre à ce cas de figure. Le code à rajouter devient donc :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code><span class="re0">$ndd</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st_h">'http://'</span><span class="sy0">,</span><span class="st_h">''</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/IMG'</span><span class="sy0">,</span><span class="st_h">'/sites/'</span><span class="sy0">.</span><span class="re0">$ndd</span><span class="sy0">.</span><span class="st_h">'/IMG'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/local/cache-gd2'</span><span class="sy0">,</span><span class="st_h">'/sites/'</span><span class="sy0">.</span><span class="re0">$ndd</span><span class="sy0">.</span><span class="st_h">'/local/cache-gd2'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> <a href="http://www.php.net/rtrim" rel='nofollow'><span class="kw3">rtrim</span></a><span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st0">"/"</span><span class="br0">&#41;</span><span class="sy0">.</span><span class="st0">"/sites/<span class="es4">$ndd</span>/"</span><span class="sy0">.</span><span class="re0">$filepath</span><span class="sy0">;</span></code></pre></div> Adaptive Images 2016-12-08T11:12:07Z https://contrib.spip.net/Adaptive-Images-4458#comment490120 2016-12-08T11:12:07Z <p>il me semble que le chemin vers les images adaptées devrait être</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>sites/mondomaine.fr/local/adapt-img/1000/10x/IMG/jpg/monimage.jpg</code></pre></div> <p>et pas</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>local/adapt-img/1000/10x/sites/mondomaine.fr/IMG/jpg/monimage.jpg</code></pre></div> <p>car je crois que chaque site mutalisé a bien son dossier sites/xxx/local/<br class="autobr" /> cette histoire de mutualisation me semble définitivement bancale, tout ça est hors garantie du constructeur s'entends ^^</p> Adaptive Images 2016-12-08T10:38:54Z https://contrib.spip.net/Adaptive-Images-4458#comment490119 2016-12-08T10:38:54Z <p>A vrai dire, j'avais laissé tomber et remis un |image_reduire au lieu de |adaptive_images<br class="autobr" /> Ce matin, ta piste m'a donné envie de m'y remettre et ça marche nickel. Un grand merci yohoo!!!</p> <p>J'explique un peu plus ta bidouille pour ceux que cela intéresse.</p> <h2 class="h2">CONFIGURER LE PLUGIN ADAPTATIVE IMAGE POUR DES SPIPS MUTUALISES</h2> <p>dans un site normal, le chemin est:<br class="autobr" /> /local/adapt-img/1000/10x/IMG/jpg/monimage.jpg<br class="autobr" /> alors que sur un site mutualisé, le chemin vers l'image devient:<br class="autobr" /> /local/adapt-img/1000/10x/<i> <strong>sites/mondomaine.fr/</strong> </i>IMG/jpg/monimage.jpg<br class="autobr" /> il va donc falloir bidouiller pour insérer sites/mondomaine.fr/ au coeur de l'url générée par le plugin.</p> <p><strong>1/ Modifier le plugin. Penser à recommencer cette modif en cas de mise à jour du plugin</strong><br class="autobr" /> remplacer la ligne 35 par ces trois lignes:</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code><span class="re0">$ndd</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st_h">'http://'</span><span class="sy0">,</span><span class="st_h">''</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/IMG'</span><span class="sy0">,</span><span class="st_h">'/sites/'</span><span class="sy0">.</span><span class="re0">$ndd</span><span class="sy0">.</span><span class="st_h">'/IMG'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> <a href="http://www.php.net/rtrim" rel='nofollow'><span class="kw3">rtrim</span></a><span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st0">"/"</span><span class="br0">&#41;</span><span class="sy0">.</span><span class="st0">"/sites/<span class="es4">$ndd</span>/"</span><span class="sy0">.</span><span class="re0">$filepath</span><span class="sy0">;</span></code></pre></div> <p>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</p> <p><strong>2/ A faire pour chaque domaine mutualisé</strong><br class="autobr" /> dans votre config, ouvrez ou crééz un fichier <strong>mes_options.php</strong><br class="autobr" /> et insérez la ligne suivante:</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code><a href="http://www.php.net/define" rel='nofollow'><span class="kw3">define</span></a><span class="br0">&#40;</span><span class="st_h">'_ADAPTIVE_IMAGES_DOMAIN'</span><span class="sy0">,</span><span class="st_h">'http://mondomaine.fr'</span><span class="br0">&#41;</span><span class="sy0">;</span></code></pre></div> <p>cela servira au plugin modifié lors de la première étape de retrouver votre nom de domaine et de réécrire correctement vos url.</p> <p>Une fois fait, votre plugin fonctionnera normalement et la doc de cette page reste valable.</p> Adaptive Images 2016-12-08T00:50:40Z https://contrib.spip.net/Adaptive-Images-4458#comment490115 2016-12-08T00:50:40Z <p>Une bidouille qui a l'air de marcher :</p> <p><strong>1./</strong> Utiliser la variable _ADAPTIVE_IMAGES_DOMAIN :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code> <a href="http://www.php.net/define" rel='nofollow'><span class="kw3">define</span></a><span class="br0">&#40;</span><span class="st_h">'_ADAPTIVE_IMAGES_DOMAIN'</span><span class="sy0">,</span><span class="st_h">'http://mondomaine.fr'</span><span class="br0">&#41;</span><span class="sy0">;</span></code></pre></div> <p><strong>2./</strong> Dans adaptive_images_options.php, remplacer la ligne 35 pour ajouter :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="php"><code> <span class="re0">$ndd</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st_h">'http://'</span><span class="sy0">,</span><span class="st_h">''</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> replace<span class="br0">&#40;</span><span class="re0">$filepath</span><span class="sy0">,</span><span class="st_h">'/IMG'</span><span class="sy0">,</span><span class="st_h">'/sites/'</span><span class="sy0">.</span><span class="re0">$ndd</span><span class="sy0">.</span><span class="st_h">'/IMG'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="re0">$filepath</span> <span class="sy0">=</span> <a href="http://www.php.net/rtrim" rel='nofollow'><span class="kw3">rtrim</span></a><span class="br0">&#40;</span>_ADAPTIVE_IMAGES_DOMAIN<span class="sy0">,</span><span class="st0">"/"</span><span class="br0">&#41;</span><span class="sy0">.</span><span class="st0">"/sites/<span class="es4">$ndd</span>/"</span><span class="sy0">.</span><span class="re0">$filepath</span><span class="sy0">;</span></code></pre></div> Adaptive Images 2016-12-07T23:37:43Z https://contrib.spip.net/Adaptive-Images-4458#comment490113 2016-12-07T23:37:43Z <p>Hello formatec,</p> <p>tu as trouvé ?</p> Adaptive Images 2016-11-16T11:50:46Z https://contrib.spip.net/Adaptive-Images-4458#comment489834 2016-11-16T11:50:46Z <p>Bonjour,<br class="autobr" /> Ca ne fonctionne pas sur une mutualisation car le chemin vers les images adaptées conduit à un 404</p> <p>où et comment peut on modifier le filepath ?</p> Adaptive Images 2016-10-13T09:16:57Z https://contrib.spip.net/Adaptive-Images-4458#comment489368 2016-10-13T09:16:57Z <p>la limite se trouve au niveau de PHP, pas du plugin.</p> <p>Si c'est du local, tu peux regler ton PHP.ini pour mettre plus de memoire… mais après en ligne…</p> Adaptive Images 2016-10-13T09:12:57Z https://contrib.spip.net/Adaptive-Images-4458#comment489367 2016-10-13T09:12:57Z <p>bonjour,<br class="autobr" /> J'ai récupéré un site en local pour tester de nouvelles fonctionnalités.</p> <p>en local, windows10, si j'ai une image de taille 373473 ou plus ( 3872*2592) - Les rédacteurs ne respectent pas toujours les consignes ..)<br class="autobr" /> j'obtiens un erreur <br class="autobr" /> 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</p> <p>y a-t-il une limitation dans le plugin ? est-ce que c'est parce que je suis en local ?</p> Adaptive Images 2016-07-02T13:39:16Z https://contrib.spip.net/Adaptive-Images-4458#comment488114 2016-07-02T13:39:16Z <p>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.</p> <p>Dès que je fais |adaptive_images<i>1600</i> ça remarche, ou n'importe quelle taille hein |adaptive_images<i>640</i> etc. C'est quand c'est tout seul |adaptive_images sans rien.</p> <p>Et ya bien une taille max et des breakpoints configurés dans l'admin.</p> <p>Si je peux donner d'autres infos…</p> Adaptive Images 2016-04-11T08:43:20Z https://contrib.spip.net/Adaptive-Images-4458#comment486979 2016-04-11T08:43:20Z <p>Je pense qu'il faut se pencher sur le plugin image-responsive : <br class="autobr" /> <a href="http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-image-responsive" class="spip_url spip_out auto" rel="nofollow external">http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-image-responsive</a></p> <p>Je l'ai utilisé pour utiliser des backgrounds “responsive” et ca fait très bien le boulot :)</p> Adaptive Images 2016-02-22T14:25:32Z https://contrib.spip.net/Adaptive-Images-4458#comment486164 2016-02-22T14:25:32Z <p>Cela m'intéresse aussi :)</p> Adaptive Images 2016-02-17T22:49:23Z https://contrib.spip.net/Adaptive-Images-4458#comment486030 2016-02-17T22:49:23Z <p>J'ai trouvé : c'est LOGO_ARTICLE_RUBRIQUE qui ne lui plaît pas.</p> Adaptive Images 2016-02-17T22:20:25Z https://contrib.spip.net/Adaptive-Images-4458#comment486029 2016-02-17T22:20:25Z <p>Bonjour,</p> <p>J'utilise le plugin Massicot (dernière version) avec SPIP 3.1.<br class="autobr" /> Pour une bannière pleine largeur <code>[(#LOGO_ARTICLE_RUBRIQUE|adaptive_images{2000})]</code><br class="autobr" /> l'image traitée par adaptive n'est pas la version recadrée.</p> <p>Alors que dans une liste d'article<code> [(#LOGO_ARTICLE|image_reduire{200,0})]</code> l'image est bien recadrée.</p> <p>Il y a une incompatibilité entre Massicot et Adaptive images ou bien je dois adapter mon filtre ?</p> <p>dd</p> Adaptive Images 2016-01-28T10:32:23Z https://contrib.spip.net/Adaptive-Images-4458#comment485595 2016-01-28T10:32:23Z <p>Je serai intéressé aussi par une réponse sur la contrainte de hauteur et sur les filtres préalables.</p> <p>Merci</p> Adaptive Images 2016-01-05T22:33:05Z https://contrib.spip.net/Adaptive-Images-4458#comment485143 2016-01-05T22:33:05Z <p>Une urgence !</p> <p>Bonsoir,</p> <p>j'ai besoin d'utiliser le plugin dans un background, mais il ne semble pas fonctionner.</p> <p>En l'état voici le code <br class="autobr" /> <code><BOUCLE_Z(DOCUMENTS){id_rubrique=6}{mode=image}{par hasard}{0,1}><section style="background: url('[(#FICHIER|adaptive_images{1920})]')" class="topite"></BOUCLE_Z></code></p> <p>Une idée ??</p> Adaptive Images 2015-12-15T15:53:01Z https://contrib.spip.net/Adaptive-Images-4458#comment484960 2015-12-15T15:53:01Z <p>Il faut appliquer le filtre <code>|inserer_attribut{alt,#TITRE}</code> avant le filtre <code>|adaptive_images</code> car ce dernier génère plein de code à partir de la balise <code><img /></code></p> Adaptive Images 2015-12-07T18:43:29Z https://contrib.spip.net/Adaptive-Images-4458#comment484856 2015-12-07T18:43:29Z <p>Bonjour,</p> <p>J'utilise le plugin sur plusieurs de mes sites.<br class="autobr" /> J'ai configuré mes squelettes pour insérer automatiquement un alt via le filtre |inserer_attribut<i>alt,#TITRE</i></p> <p>Je me rends compte que sur l'espace public le alt est effectivement renseigné pour mes images est effectivement renseigné dans la partie commentée “[if IE]>...”, mais est vide pour la balise img non commentée...<br class="autobr" /> Est-ce une erreur de manip de ma part?</p> <p>Merci d'avance<br class="autobr" /> Sandrine</p> Adaptive Images 2015-09-04T14:28:08Z https://contrib.spip.net/Adaptive-Images-4458#comment483535 2015-09-04T14:28:08Z <p>j'imagine que ce n'est pas idéale, mais pour l'instant j'ai mis ceci comme work-around :</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code>.spip_documents_right, .spip_documents_left{ max-width: 100%; } @media (min-width: 768px) { .spip_documents_right, .spip_documents_left{ max-width: 50%; } }</code></pre></div> Adaptive Images 2015-09-04T13:53:36Z https://contrib.spip.net/Adaptive-Images-4458#comment483531 2015-09-04T13:53:36Z <p>Salut,<br class="autobr" /> merci pour ce plugin !</p> <p>J'ai un problème avec les images en float, comme</p> <div class="coloration_code cadre"><div class="spip_spip cadre" data-clipboard-text=" "><div class="spip"><ol><li class="li1"><div class="de1"> <imgXX<span class="re50">|right</span>> </div></li> </ol></div></div></div> <p>Le float rend l'image invisible :(<br class="autobr" /> Est-ce qu'il y a moyen d'utiliser le plugin uniquement sur les images centrés ?<br class="autobr" /> Ou est-ce que mon problème viens d'ailleurs ? A part moi personne ne rencontre ce problème ?</p> <p>merci d'avance pour vos lumières<br class="autobr" /> joz</p> Adaptive Images 2015-08-17T08:45:14Z https://contrib.spip.net/Adaptive-Images-4458#comment483342 2015-08-17T08:45:14Z <p>Bonjour et merci pour ta réponse.</p> <p>Alors j'ai juste une question...avec des images au dessus de 320px, les utilisateurs ne voit pas l'image en entier sur un smartphone, non?</p> <p>ou plutôt si il la voit mais cela affiche le site en fonction de l'image.</p> <p>Y-a-t-il une solution simple pour qu'une image de plus de 320, soit redimensionnée en 320 si l'utilisateur est sur smartphone?</p> <p>j'ai bien un max-width:100% mais il n'a pas l'air de s'appliquer</p> <p>Merci pour ton éclairage</p> Adaptive Images 2015-08-17T08:39:47Z https://contrib.spip.net/Adaptive-Images-4458#comment483341 2015-08-17T08:39:47Z <p>Bonjour, avec des images qui ne dépassent pas 650px cela ne sert à rien d'utiliser le plugin, comme expliqué en détail dans l'article de référence sur la méthode html utilisée. Je viens d'ajouter un avertissement clair à ce sujet.</p> Adaptive Images 2015-08-16T21:19:19Z https://contrib.spip.net/Adaptive-Images-4458#comment483335 2015-08-16T21:19:19Z <p>Bonjour,</p> <p>J'ai tenté pour la première fois d'installer ce plugin pour l'utiliser. Je suis actuellement en local donc je ne peux pas donner d'URL.</p> <p>Cependant, voilà mon soucis. J'ai des images qui font entre 400 et 650px de large et je souhaite qu'elles soient adaptables sur une résolution < à320px (smartphone)<br class="autobr" /> Mais cela ne semble pas fonctionner.</p> <p>Avec firebug, je vois bien ce code là :</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="spip"><code><span class="spip_document_49 spip_documents spip_documents_right" style="float:right; width:560px;"> <span class="adapt-img-wrapper c1858570588 jpg"> <img class="adapt-img " width="560" height="273" onmousedown="adaptImgFix(this)" alt="" src="http://127.0.0.1/genevoislaser/local/adapt-img/320/10x/IMG/jpg/testa.jpg?1439745448"> </span> </span></code></pre></div> <p>mais finalement on a l'impression que l'image adaptée par le plugin en 320px est redimensionnée dans sa taille d'origine?</p> <p>Est-qu'il y a une configuration que je n'ai pas comprise?</p> <p>Merci d'avance pour vos conseils<br class="autobr" /> Jérôme</p> Adaptive Images 2015-07-31T14:40:38Z https://contrib.spip.net/Adaptive-Images-4458#comment483180 2015-07-31T14:40:38Z <p>Après d'autres tests il faudrait peut-être aussi enlever la valeur 320px</p> Adaptive Images 2015-07-31T14:36:26Z https://contrib.spip.net/Adaptive-Images-4458#comment483179 2015-07-31T14:36:26Z <p>Pour les problèmes d'affichage des images sur les mobiles ou écrans 320px, et pour tous les problèmes d'affichage des images plus petites que 480px : <br class="autobr" /> il suffit juste de supprimer la valeur 480px de la configuration “Breakpoints pour les variantes d'image”</p> <p>Je ne sais pas si c'est la meilleure solution en terme de perf mais en terme de résultats ca fonctionne chez moi.</p> Adaptive Images 2015-06-04T16:29:32Z https://contrib.spip.net/Adaptive-Images-4458#comment482372 2015-06-04T16:29:32Z <p>Idem pour moi.</p> <p>Est-ce qu'il est possible d'appliquer le filtre adaptative_images après un filtre de recadrage et/ou de redimensionnement ?</p> <p>Est-il possible de fixer une hauteur spécifique dans des blocs précis car seule la largeur est définie ?</p> Adaptive Images 2015-06-02T14:34:18Z https://contrib.spip.net/Adaptive-Images-4458#comment482296 2015-06-02T14:34:18Z <p>Les images sur un petit écran ont une opacitée si faible que je ne les voit à peine. Que faire?</p> Adaptive Images 2015-06-02T10:04:27Z https://contrib.spip.net/Adaptive-Images-4458#comment482286 2015-06-02T10:04:27Z <p>Salut</p> <p>Même souci avec une opacity à 0.7 sur de grandes images forcées à 940pixels sur la home du site. Les autres images ne posent pas de problèmes.</p> <p>tchuus</p>