Adaptive Images - comments Adaptive Images 2019-09-29T09:29:19Z https://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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="coloration_code cadre"><div class="spip_spip cadre"><div class="spip"><ol><li class="li1"><div class="de1"><span class="re1">#URL_ARTICLE</span><span class="re50">|parametre_url</span><span class="re40">{var_zajax,content}</span></div></li> </ol></div></div></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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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="coloration_code cadre"><div class="spip_php cadre"><div class="php"><ol><li class="li1"><div class="de1"><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></div></li> </ol></div></div></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://files.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="coloration_code cadre"><div class="spip_php cadre"><div class="php"><ol><li class="li1"><div class="de1"> <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></div></li> </ol></div></div></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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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"><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://files.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://files.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://files.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://files.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://files.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://files.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://files.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://files.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> Adaptive Images 2015-05-25T16:26:03Z https://files.spip.net/Adaptive-Images-4458#comment482146 2015-05-25T16:26:03Z <p>Salut,</p> <p>as-tu diminué la valeur du “Poids min. pour adapter” ?<br class="autobr" /> Une fois passé sous la valeur de ton logo, ça devrait fonctionner...</p> <p>jean marie</p> Adaptive Images 2015-04-16T18:06:20Z https://files.spip.net/Adaptive-Images-4458#comment481381 2015-04-16T18:06:20Z <p>Bon je précise en mettant! important; width:100%; l'image grossie sur mobile mais ... comme c'est celle recadré qui est agrandie .... l'image est mauvaise<br class="autobr" /> peut-on avoir un filtre de recadrage avec adaptative image ? un peu du style suivant avec éventuellement le choix de la partie recadre</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code> #SET{largeur,#ENV{lalargeur}} #SET{hauteur, 0} #SET{logol,#GET{logo}|largeur} #SET{logoh,#GET{logo}|hauteur} [(#GET{logol}|<={#GET{logoh}}|?{" ",""} ) #SET{largeur,0} #SET{hauteur,#ENV{lahauteur}] [(#GET{logo}|image_passe_partout{#GET{largeur},#GET{hauteur}} |image_recadre{#ENV{lalargeur},#ENV{lahauteur}}|image_aplatir{jpg,ffffff,128})]</code></pre></div> Adaptive Images 2015-04-16T17:51:02Z https://files.spip.net/Adaptive-Images-4458#comment481380 2015-04-16T17:51:02Z <p>bonjour,<br class="autobr" /> J'ai besoin d' images de même taille en passant les dimensions en paramètre.<br class="autobr" /> pour cela j'utilise image _passepartout,image_recadre et image_aplatir ...pour diminuer la taille cela rajoute width et height sur l'image. <br class="autobr" /> si je n'utilise pas cette méthode certaines images sont top haute.<br class="autobr" /> Comment faire pour que ces images puissent être agrandi par ce plugin sur mobile?</p> <p>pour les autres images c'est nikel chrome.<br class="autobr" /> merci</p> Adaptive Images 2015-04-08T09:07:15Z https://files.spip.net/Adaptive-Images-4458#comment481160 2015-04-08T09:07:15Z <p>Bonjour,<br class="autobr" /> J'ai le même problème, je l'ai résolu provisoirement en désactivant les options “Produire les variantes d'images uniquement quand elles sont nécessaires” et “Ne charger les images adaptatives que lorsqu'elles sont visibles” dans la config du plugins...Je n'ai malheureusement pas les compétences pour investiguer au-delà.</p> Adaptive Images 2015-04-02T16:43:40Z https://files.spip.net/Adaptive-Images-4458#comment480911 2015-04-02T16:43:40Z <p>Bonjour,</p> <p>Est-il normal que sur un navigateur classique (non mobile) les images disparaissent lorsqu'on réduit la taille de la fenêtre en dessous de 480px ?<br class="autobr" /> D'après mon Firebug, l'appel CSS en cause est:<br class="autobr" /> html img.adapt-img <i><br class="autobr" /> opacity: 0.01;<br class="autobr" /> </i></p> <p>Par ailleurs, j'ai testé sur Android 4.2, même souci.<br class="autobr" /> Aux toutes petites résolutions (<480px), l'image est quasiment transparente (opacity : 0.01)<br class="autobr" /> Il semblerait que quelque chose contrarie le plugin Adaptative Images.<br class="autobr" /> (Hélas, pour l'instant, je ne peux vous montrer une version en ligne de ces pages.)</p> <p>Autre question : cela peut-il être dû au fait que mes images sont appelées via une balise du type #FICHIER|image_reduire<i>600,0</i> ?</p> Adaptive Images 2015-02-25T08:38:28Z https://files.spip.net/Adaptive-Images-4458#comment479691 2015-02-25T08:38:28Z <p>Non il ne faut pas faire cette modification ça casse une partie essentielle du fonctionnement du plugin.<br class="autobr" /> Je précise car ce ne semble pas très clair : il n'y a pas besoin du plugin pour faire un design Responsive. Le plugin sert à ce que, dans un design responsive, on puisse avoir de très grandes images sur des grands écrans et de petites images pas trop lourdes envoyées aux utilisateurs sur petits écrans. Je rappelle ce que je dis dans <a href="http://blog.nursit.net/Adaptive-Images-et-Responsive-Web.html" class="spip_url spip_out auto" rel="nofollow external">http://blog.nursit.net/Adaptive-Images-et-Responsive-Web.html</a> :</p> <blockquote class="spip"> <p> Mais il est clair que l'utilisation d'Adaptive Images n'a de sens que si on veut servir à la fois de grandes images de haute résolution pour les tablettes et desktop, et ne pas desservir pour autant les smartphones à petits écrans (voire des montres ?).<br class="autobr" /> Si les meilleurs images dont on dispose ont des dimensions de l'ordre de 640px, il n'est pas du tout sur que le jeu en vaille la chandelle, et il est probablement aussi bien de servir ces images pour tous les utilisateurs.</p> </blockquote> <p>Pour le cas de tes logos, le mieux, en attendant que je regarde si il est possible de prendre en charge les images au survol, est de desactiver adaptive image dessus en faisant :<br class="autobr" /> <code>[(#LOGO_ARTICLE|inserer_attribut{class,'spip_logos no-adapt-img'})]</code></p> Adaptive Images 2015-02-24T22:40:16Z https://files.spip.net/Adaptive-Images-4458#comment479685 2015-02-24T22:40:16Z <p>bon bé j'ai réussi en modifiant la ligne 326 du fichier AdaptiveImages.php du plugin... mais je sais pô vraiment ce que ça engendre sur le tout... mais à priori ça fonctionne...<br class="autobr" /> j'ai remplacer <br class="autobr" /> $async_style = “html img.adapt-img<i>opacity:0.01</i>html .adapt-img-wrapper:after<i>display:none;</i>”;<br class="autobr" /> par<br class="autobr" /> $async_style = “html img.adapt-img<i>opacity:1</i>html .adapt-img-wrapper:after<i>display:none;</i>”;</p> Adaptive Images 2015-02-11T20:51:05Z https://files.spip.net/Adaptive-Images-4458#comment479373 2015-02-11T20:51:05Z <p>Après m'être pris la tête une demi-journée... voici mes conclusions...<br class="autobr" /> Ce plugin fonctionne très bien... mis à part sur un point...<br class="autobr" /> Celui-ci est compatible avec le changement de logo au survol tant que l'on applique l'attribut image_reduire dessus...<br class="autobr" /> Voulant avoir un design responsive j'ai enlever image_reduire du #LOGO et là surprise... l'image ne change plus... pourtant en étudiant le code source le javascript fonctionne c'est simplement l'affichage que ne change pas...<br class="autobr" /> ce que j'ai pu constater :<br class="autobr" /> lorsqu'il n'y a pas image_reduire il y a la classe “adapt-img spip_logos”dans la balise img si il y a image_reduire il y a la classe “spip_logos” et ça fonctionne...<br class="autobr" /> Si on enleve adapt-img (par exemple avec firebug ou webdevelopper...) tout refonctionne...<br class="autobr" /> Je pense donc que le problème vient de là mais je suis bien incapable de le résoudre...<br class="autobr" /> J'espère que quelqu'un trouvera une solution afin de pouvoir utiliser les #LOGO sur des sites responsive avec ce plugin (qui par ailleurs fonctionne très bien...).</p> Adaptive Images 2015-02-02T01:12:18Z https://files.spip.net/Adaptive-Images-4458#comment479152 2015-02-02T01:12:18Z <p>Bonjour,</p> <p>Lorsque j'active dans les fonctions avancées “Activer la compression des scripts (javascript)”<br class="autobr" /> les images sont d'une qualité très médiocre (elles sont . <br class="autobr" /> C'est bizarre car il est dit plus haut que adaptive images n'utilise pas de javascript.</p> <p>Sinon pour le reste ça fonctionne très bien.</p> <p>dd</p> Adaptive Images 2014-11-29T13:32:00Z https://files.spip.net/Adaptive-Images-4458#comment478245 2014-11-29T13:32:00Z <p><strong>Site powered by SPIP + Bootstrap + Adaptive Images</strong></p> <p><a href="http://www.anonymousvideo.eu" class="spip_out" rel='nofollow external'>http://www.anonymousvideo.eu/</a></p> <p>Adaptive Images is a good solution for RWD... Thanks Cerdic :)</p> Adaptive Images 2014-11-05T22:02:15Z https://files.spip.net/Adaptive-Images-4458#comment477782 2014-11-05T22:02:15Z <p>Le responsable de ce petit soucis n'est pas du tout le plugin mais un bête</p> <div class="precode"><pre dir="ltr" style="text-align: left;" class="css"><code><span class="re1">.leselecteurduslide</span> img <span class="br0">&#123;</span> <span class="kw1">width</span><span class="sy0">:</span><span class="re3">100%</span><span class="sy0">;</span> <span class="br0">&#125;</span></code></pre></div> <p>dans la feuille de style de ResponsiveSlides que j'utilisais. Sans lui tout fonctionne très bien.</p> <p>Désolé pour le bruit et merci pour ce plugin très utile.</p> Adaptive Images 2014-11-05T11:49:47Z https://files.spip.net/Adaptive-Images-4458#comment477758 2014-11-05T11:49:47Z <p>J'ai un comportement que j'ai du mal à comprendre sur de grandes images.</p> <p>Soit un</p> <div class="coloration_code cadre"><div class="spip_spip cadre"><div class="spip"><ol><li class="li1"><div class="de1"><span class="re4">[</span><span class="re4">(</span><span class="re1">#LOGO_ARTICLE</span><span class="re50">|adaptive_images</span><span class="re40">{1160}</span><span class="re4">)</span><span class="re4">]</span></div></li> </ol></div></div></div> <p>Sur un grande résolution, l'image s'affiche en 640px et si l'on clique dessus, elle passe bien à 1160px.</p> <p>J'ai repéré dans la lib<br class="autobr" /> <a href="http://zone.spip.org/trac/spip-zone/browser/_plugins_/adaptive_images/trunk/lib/AdaptiveImages/AdaptiveImages.php?rev=82056#L91" class="spip_out" rel='nofollow external'>Maximum width for fallback when maxWidth1x is very large</a><br class="autobr" /> En changeant $maxWidthFallbackVersion de 640 à 1200, je n'ai plus ce problème.</p> Adaptive Images 2014-10-14T03:40:56Z https://files.spip.net/Adaptive-Images-4458#comment477418 2014-10-14T03:40:56Z <p>Bonjour,<br class="autobr" /> est-il normal que les vignettes des images ne soient pas mises en cache (du moins, elles apparaissent joliment codées dans le corps de l'html), dans un article, même avec le filtre adaptive_images sur la balise #TEXTE ?<br class="autobr" /> J'ai “résolu” mon problème en ne réadaptant pas les images de la taille des vignettes, mais je ne suis pas sûr que ce soit l'idéal.<br class="autobr" /> Je précise que j'utilise le plugin sur un site non responsive.<br class="autobr" /> Merci !</p> Adaptive Images 2014-09-04T07:39:06Z https://files.spip.net/Adaptive-Images-4458#comment476774 2014-09-04T07:39:06Z <p>Un petit retour sur l'utilisation de Adaptive Images (V 1.9.1) avec la dist (SPIP 3.0.14) et Zpip-dist v1 (V 1.7.26) (comme j'ai passé un moment à trouver la solution, je la partage, si ça peut servir):</p> <p>Lorsque l'on insère une image centrée dans un article, la feuille de style spip.css de la dist (idem avec Z-dist : spip_style.css) ajout un display: table; à la classe spip_documents_center. Du coup, Adaptive Images ne peut pas bien faire sont boulot en réduidant la largeur de l'image en fonction de son conteneur.<br class="autobr" /> La solution que j'ai trouvé est de mettre display: block; (comme dans Bootstrap/SPIPr).</p> <p>Peut être qu'il faudrait surcharger le style ou le modèle depuis le plugin, je en sais pas.</p> Adaptive Images 2014-07-11T10:08:18Z https://files.spip.net/Adaptive-Images-4458#comment476190 2014-07-11T10:08:18Z <p>Hello,<br class="autobr" /> J'ai la même question ?<br class="autobr" /> Pourquoi “oubliez” ? Parce que c'est pas possible ? Parce que Stéphane a trouvé ?...</p> <p>Merci</p> Adaptive Images 2014-07-01T15:40:37Z https://files.spip.net/Adaptive-Images-4458#comment476050 2014-07-01T15:40:37Z <p>Oubliez ce que j'ai dit :)</p> Adaptive Images 2014-07-01T15:20:27Z https://files.spip.net/Adaptive-Images-4458#comment476049 2014-07-01T15:20:27Z <p>Bonjour,</p> <p>Je ne trouve nulle part comment faut-il faire pour adapter les logos des articles ou est ce que dédié que pour les images et documents?</p> <p>Merci</p> Adaptive Images 2014-04-05T09:57:54Z https://files.spip.net/Adaptive-Images-4458#comment474809 2014-04-05T09:57:54Z <p>Merci pour cette réponse !</p> Adaptive Images 2014-04-05T09:34:45Z https://files.spip.net/Adaptive-Images-4458#comment474808 2014-04-05T09:34:45Z <p>Bonjour, <br class="autobr" /> ce plugin n'est pas basé sur <a href="http://adaptive-images.com/" class="spip_url spip_out auto" rel="nofollow external">http://adaptive-images.com/</a> qui possède certains inconvénients, mais sur la librairie <a href="https://github.com/nursit/AdaptiveImages" class="spip_url spip_out auto" rel="nofollow external">https://github.com/nursit/AdaptiveImages</a> qui implémente une <a href="http://openweb.eu.org/articles/adaptive-images-et-responsive-web-design" class="spip_out" rel='nofollow external'>technique alternative, dite des 3 couches</a>.</p> <p>Pour répondre à ta question, non il n'est pas possible de se passer d'une structure <code>span>img</code> avec cette technique. C'est un inconvénient connu de la technique, mais il est en général assez facile à prendre en compte.<br class="autobr" /> En l'occurence, ici je pense qu'il faut penser à faire évoluer le slider, ou changer de librairie slider, car dans tous les cas l'avenir des images adaptatives passera par un <i>markup</i> plus complexe qu'une simple balise <code>img</code>.</p> <p>Pour SPIP, il y a le plugin <a href='https://files.spip.net/Nivo-Slider-3747' class="spip_in" hreflang="fr" rel='nofollow'>Nivo Slider</a> qui fonctionne bien.</p> Adaptive Images 2014-04-05T09:17:16Z https://files.spip.net/Adaptive-Images-4458#comment474807 2014-04-05T09:17:16Z <p>Bonjour,</p> <p>Merci pour ce plugin.<br class="manualbr" />Intégrer adaptive-images (<a href="http://adaptive-images.com/" class="spip_url spip_out auto" rel="nofollow external">http://adaptive-images.com/</a>) dans un site SPIP est une idée que j'avais depuis longtemps et votre plugin me simplifie grandement l'opération.</p> <p>Dans mon cas, les images dans leurs différents formats sont bien générées en cache, mais leur utilisation est contrariée dans certains cas.</p> <p>Ex : j'ai un slider (bxslider) en page d'accueil de mon site. Le code Javascript associé à ce slider se base sur une structure HTML pour trouver les images à afficher (1ère image directement contenue dans une li de l'ul possédant l'id bxslider.</p> <p>Bref, le js du slider reste indifférent aux images en background de span. Ne trouvant pas les images, il reste bloqué sur l'animation d'attente de chargement de celles-ci.</p> <p>Plutôt que de remplacer ma balise img originale par une structure du type span img (permettant en temps normal un chargement progressif, mais contrariant dans ce cas mon javascript de slider), est-il possible d'adapter votre plugin pour profiter d'une permutation simple : une balise img chasse l'autre balise img ?</p> <p>Si oui, dans quelle direction dois-je chercher ?</p> <p>Merci de m'avoir lu,<br class="autobr" /> Régis</p> Adaptive Images 2014-04-02T13:22:43Z https://files.spip.net/Adaptive-Images-4458#comment474754 2014-04-02T13:22:43Z <p>Hello,</p> <p>Niveau SEO (référencement d'images par exemple), ça donne quoi ? Possibilité de fournir la version originale de la page aux user agent des googlebot ?</p> Adaptive Images 2014-03-13T15:51:15Z https://files.spip.net/Adaptive-Images-4458#comment474372 2014-03-13T15:51:15Z <p>Bonjour,<br class="autobr" /> Merci pour ce plugin !<br class="autobr" /> Je suis en train de développer un site responsive utilisant beaucoup de grandes images et ce plugin tombe à point! <br class="autobr" /> J'ai toutefois un petit problème qui a fait que pour l'instant j'ai désactivé le plugin.</p> <p>En utilisant le critère adaptive_images{} dans mes squelettes, les images adaptées n'apparaissent à la bonne résolution que lorsque l'on clique dessus (le on mousedown présent ds la balise img j''imagine), si je ne clique pas dessus la version proposée est très très pixellisée... Mon site utilise pas mal de plugins jQuery et j'utilise la version 10.1 de celui ci, serait ce lié ?</p> Adaptive Images 2014-02-27T17:17:48Z https://files.spip.net/Adaptive-Images-4458#comment474100 2014-02-27T17:17:48Z <p>Merci pour cette rapide réponse.</p> <p>Malheureusement, avec |balise_img c'est encore pire, les textes de la page disparaissent eux aussi! J'ai beau recharger, d'ailleurs en phase d'essais, je n'ai que 3 images.</p> <p>J'ai aussi fait la manip dans htaccess sans constater de changement.</p> <p>Tout à fait d'accord pour les images à 500px, mais je suis en phase de construction/test et je pense bien faire des images plus grandes au final.</p> Adaptive Images 2014-02-27T16:37:35Z https://files.spip.net/Adaptive-Images-4458#comment474099 2014-02-27T16:37:35Z <p>La page blanche est probablement due au nombre d'images qu'il faut calculer la première fois. Il faut recharger la page jusqu'à ce que ça passe si il y a beaucoup d'images dans la page (pour éviter cela, voir le réglage “Production des images à la demande”).</p> <p><code>#FICHIER</code> n'est pas une image mais un nom de fichier, il faut donc dans ce cas le transformer en image à l'aide de :<br class="autobr" /> <code>[(#FICHIER|balise_img|adaptive_images{500})]</code></p> <p>Enfin, le plugin n'a d'intérêt que pour afficher des grandes images sur les grands écrans en évitant de les charger sur des petits écrans. <br class="autobr" /> Pour des images de 500px c'est pas du tout évident qu'il soit avantageux d'utiliser une gestion d'images adaptatives, et il est plus simple et rapide de servir les images de 500px à tous les utilisateurs.</p> Adaptive Images 2014-02-27T16:24:46Z https://files.spip.net/Adaptive-Images-4458#comment474097 2014-02-27T16:24:46Z <p>Bonjour,</p> <p>Pour réaliser des pages de diaporama, j'utilise le portfolio de Spip. Pour répartir les images à ma convenance, je les fais apparaitre dans les cellules d'une table. À cet effet j'utilise la balise #FICHIER: <code>[(#FICHIER|image_reduire{500})]</code>. Tout fonctionne bien, du moins sur un grand écran.</p> <p>Avec le plugin adaptive_images j'obtiens une page blanche. Si je mets <code>[(#FICHIER|adaptive_images{500})]</code> les divers éléments reviennent, mais je n'ai aucune image!</p> <p>Faut-il insister? Le plugin fonctionne-t-il avec #FICHIER ?</p> <p>Merci de vos éclaircissements<br class="autobr" /> Béat</p> Adaptive Images 2014-02-24T20:12:58Z https://files.spip.net/Adaptive-Images-4458#comment474028 2014-02-24T20:12:58Z <p>Bonjour et merci pour ce plugin !<br class="autobr" /> Je suis en SPIP 3.0.15 et la version 1.9.0 du plugin sur un MacBook Pro avec écran Retina. Le site est en local sur mon ordinateur. Une version en 2.1.12 est en ligne ici, pour mieux visualiser mon problème : <a href="http://www.dintram.com" class="spip_url spip_out auto" rel="nofollow external">www.dintram.com</a>.<br class="autobr" /> Je pense arriver à me débrouiller avec les photos du site.<br class="autobr" /> Néanmoins je n'arrive pas à faire en sorte que le logo du site (“DT” avec le drapeau marocain en haut à gauche et sur toutes les pages > LOGO DE CE SITE dans “Identité du site”) soit redimensionné proprement.<br class="autobr" /> Le logo d'origine est en 135 px X 135 px et est tel quel même si je descends “La largeur mini. pour adapter” à 120 px par exemple.<br class="autobr" /> Est-ce que le problème vient de la balise #LOGO_SITE_SPIP qui n'est pas traitée par le plugin ? Que dois-je adapter dans mon squelette (et/ou ailleurs : CSS ?) pour que l'image puisse être traitée ? Ou dois-je plutôt doubler la taille de l'image (j'ai essayé, ça ne change rien) ?<br class="autobr" /> Merci beaucoup !</p> Adaptive Images 2014-02-11T15:16:38Z https://files.spip.net/Adaptive-Images-4458#comment473826 2014-02-11T15:16:38Z <p>Après vérification plus fine, les images disparaissent lorsqu'elles font 433px de large et réapparaissent à 434px...<br class="autobr" /> Est ce qu'il s'agit du rapport demandé en bas de la boite de configuration? Je n'ai ce 433 ou 434 nulle part sur mes fichiers.</p> Adaptive Images 2014-02-11T13:53:38Z https://files.spip.net/Adaptive-Images-4458#comment473824 2014-02-11T13:53:38Z <p>Bonjour, et merci pour ce plugin.<br class="autobr" /> Je teste en local ce plugin qui pour le moment fonctionne, sauf pour le réglage sur <br class="autobr" /> mobile en mode portrait (320x480): pas de génération d'images.<br class="autobr" /> Les images apparaissent lorsque j'agrandis la fenêtre jusqu'à 450px de large.<br class="autobr" /> Mes réglages sont les réglages de base, sauf</p> <blockquote class="spip"> <p>Largeur max. des images adaptées (px): 1200<br class="autobr" /> et<br class="autobr" /> (#TEXTE|image_reduire<i>0,500</i>)</p> </blockquote> <p>Je n'ai rien touché d'autre.<br class="autobr" /> Par contre si je mets</p> <blockquote class="spip"> <p>(#TEXTE|adaptive_images<i>640</i>)</p> </blockquote> <p>les images apparaissent mais ne sont pas redimensionnées.<br class="autobr" /> Où est ce que je me trompes?<br class="autobr" /> Bonne journée.</p> Adaptive Images 2014-01-28T12:37:57Z https://files.spip.net/Adaptive-Images-4458#comment473535 2014-01-28T12:37:57Z <p>Bonjour,</p> <p>je suis chez free, et j'ai un gros fatal erreur rien qu'à l'activation du plugin :<br class="autobr" /> <strong>Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 2560 bytes) in /mnt/159/sdb/9/1/les.webmaster/projettut/spip/plugins/adaptive_images/lib/AdaptiveImages/AdaptiveImages.php on line 1142</strong></p> <p>J'utilise SPIP 3.0.13, si besoin de plus d'informations comme la version de php...</p> Adaptive Images 2014-01-15T16:41:59Z https://files.spip.net/Adaptive-Images-4458#comment473305 2014-01-15T16:41:59Z <p>Ok testé, ça marche maintenant je peux utiliser ! Merci !<br class="autobr" /> P.</p> Adaptive Images 2014-01-11T20:56:03Z https://files.spip.net/Adaptive-Images-4458#comment473211 2014-01-11T20:56:03Z <p>Merci pour cette réponse. SVP me prévenir lorsque Nivoslider sera responsive.<br class="autobr" /> En attendant j'ai installé ResponsiveSlides.<br class="autobr" /> J'aimerais vérifié si ma façon de faire est correcte?<br class="autobr" /> Il me semble que cela pourrait être beaucoup mieux.<br class="autobr" /> Dans sommaire.html, j'utilise un article dédié que j'appelle avec cette boucle</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code><BOUCLE_articles(ARTICLES) {titre_mot=img-une} > [(#TEXTE|adaptive_images{640})] </BOUCLE_articles></code></pre></div> <p>Dans l'article ayant le mot-clé img-une, j'ai simplement mis:</p> <div class="precode"><pre dir="ltr" style="text-align: left;"><code> <div class="rslides_container"> <ul class="rslides" id="slider1"> <li><doc25|right></li> <li><doc26|right></li> <li><doc27|right></li> </ul> </div></code></pre></div> <p>Merci encore pour ce plugin!</p> Adaptive Images 2014-01-11T12:28:04Z https://files.spip.net/Adaptive-Images-4458#comment473205 2014-01-11T12:28:04Z <p>Merci à toi. La version 1.6.2 du plugin corrige le problème.</p> Adaptive Images 2014-01-11T11:33:24Z https://files.spip.net/Adaptive-Images-4458#comment473201 2014-01-11T11:33:24Z <p>Content d'avoir fait avancer le schmilblick, dispo pour autres essais si nécessaire.</p> Adaptive Images 2014-01-11T11:11:45Z https://files.spip.net/Adaptive-Images-4458#comment473200 2014-01-11T11:11:45Z <p>OK en effet, ce n'est pas normal que <code>_IMG_GD_MAX_PIXELS</code> ne soit pas un entier.</p> <p>Je vais envoyer un patch pour que ça plante pas dans ce cas, et regarder dans le core SPIP comment on peut avoir une valeur pareille (la constante est automatiquement calculée par essais/erreurs sur la page de configuration avancée des images, là où on sélectionne GD2 comme librairie de traitement d'images).</p> Adaptive Images 2014-01-11T11:00:22Z https://files.spip.net/Adaptive-Images-4458#comment473199 2014-01-11T11:00:22Z <p>Salut !</p> <p>J'ai testé avec 3 versions de PHP, 5.3.27, 5.4.19 et 5.5.3, tout pareil, seul moyen de m'en sortir est d'effacer le plugin.<br class="autobr" /> Le log Apache ne semble retourner aucune erreur par contre effectivement, celui de PHP a l'air de couiner:</p> <p>[11-Jan-2014 11:47:26 Europe/Paris] PHP Fatal error: Uncaught exception 'InvalidArgumentException' with message 'Property maxImagePxGDMemoryLimit needs an int value' in /Users/zapilou/Zap/zapilou_web/vps9/plugins/auto/adaptive_images/v1.6.1/lib/AdaptiveImages/AdaptiveImages.php:157<br class="autobr" /> Stack trace:<br class="autobr" /> #0 /Users/zapilou/Zap/zapilou_web/vps9/plugins/auto/adaptive_images/v1.6.1/adaptive_images_options.php(102): AdaptiveImages->__set('maxImagePxGDMem...', '2459168.1')<br class="autobr" /> #1 /Users/zapilou/Zap/zapilou_web/vps9/ecrire/inc/utils.php(79): include_once('/Users/zapilou/...')<br class="autobr" /> #2 /Users/zapilou/Zap/zapilou_web/vps9/sites/lougo/tmp/cache/charger_plugins_options.php(10): include_once_check('/Users/zapilou/...')<br class="autobr" /> #3 /Users/zapilou/Zap/zapilou_web/vps9/ecrire/inc_version.php(352): include_once('/Users/zapilou/...')<br class="autobr" /> #4 /Users/zapilou/Zap/zapilou_web/vps9/ecrire/index.php(14): include('/Users/zapilou/...')<br class="autobr" /> #5 <i>main</i><br class="autobr" /> thrown in /Users/zapilou/Zap/zapilou_web/vps9/plugins/auto/adaptive_images/v1.6.1/lib/AdaptiveImages/AdaptiveImages.php on line 157</p> <p>Genre _IMG_GD_MAX_PIXELS n'est pas un entier ... mais je vois pas ou est paramétré cette constante ... je suis sur MAMP pour ce serveur.</p> <p>Pierre.</p> Adaptive Images 2014-01-11T09:26:42Z https://files.spip.net/Adaptive-Images-4458#comment473197 2014-01-11T09:26:42Z <p>Les log Apache/PHP pour voir ce qui provoque une erreur fatale. Quelle est la version de PHP utilisée ?</p> Adaptive Images 2014-01-11T09:25:45Z https://files.spip.net/Adaptive-Images-4458#comment473196 2014-01-11T09:25:45Z <p>Nivoslider ne gère pas très bien le Responsive pour le moment, et du coup l'adaptation des images ne donne rien de bien. J'ai provisoirement désactivé la prise en charge dans nivoslider (<a href="http://zone.spip.org/trac/spip-zone/changeset/79425/_plugins_/nivoslider/trunk" class="spip_url spip_out auto" rel="nofollow external">http://zone.spip.org/trac/spip-zone/changeset/79425/_plugins_/nivoslider/trunk</a>) en attendant de regarder cela de près, mais ça concerne exclusivement ce dernier.</p> Adaptive Images 2014-01-11T04:43:21Z https://files.spip.net/Adaptive-Images-4458#comment473194 2014-01-11T04:43:21Z <p>J'ai oublié d'écrire que j'ai fourni des images recadrées pour la version mobile.</p> Adaptive Images 2014-01-11T04:28:27Z https://files.spip.net/Adaptive-Images-4458#comment473193 2014-01-11T04:28:27Z <p>J'espérais que ce plugin adapterait les images présentés en diaporama nivo slider?<br class="autobr" /> Comment faire?</p> Adaptive Images 2013-12-26T18:36:27Z https://files.spip.net/Adaptive-Images-4458#comment472955 2013-12-26T18:36:27Z <p>Bonjour,</p> <p>Bon je pensais tester mais ici ça casse tout :-( Le seul fait d'activer le plugin, c'est page blanche ! Sans même utiliser le filtre, avec uniquement ce plugin (j'ai désactivé tous les autres).<br class="autobr" /> Sur une 3.0.13 à jour ... mais dont la spécificité est d'être en “ferme”, mais je ne vois pas en quoi cela aurait une influence.<br class="autobr" /> Un truc que je devrais regarder ?<br class="autobr" /> PIerre.</p> Adaptive Images 2013-11-28T13:05:42Z https://files.spip.net/Adaptive-Images-4458#comment472422 2013-11-28T13:05:42Z <p>Non, mais c'est en effet un filtre de re-cadrage d'images qu'il faudrait proposer de manière générique !</p> Adaptive Images 2013-11-28T12:24:34Z https://files.spip.net/Adaptive-Images-4458#comment472421 2013-11-28T12:24:34Z <p>Merci pour cette extension que je vais tester dès que possible.</p> <p>Juste une question : l'effet obtenu avec le filtre |image_proportions du plugin image_responsive d'ARNO* est-il possible avec ce plugin s'il te plaît ?</p>