Modifier url image AVANT affichage

Version imprimable

30/06/2013, 11h22
freestyle83

Modifier url image AVANT affichage

Bonjour,

Je poste dans cette rubrique car je pense qu'il me faudra du regex à un moment ou à un autre, mais je ne suis pas sûre d'être au bon endroit. Je m'excuse d'avance donc si ce n'est pas le cas.

EN GROS:
Je voudrais modifier l'url d'une image avant que celle-ci ne s'affiche à l'écran.

EN DETAIL:

j'ai site de la forme www.nomdedomaine.com
et un sous domaine : wwww.sousdomaine.nomdedomaine.com

Le sous domaine est en fait reserver au mobile, je récupère donc les informations stock en base de donnée pour les diriger d'un côté ou de l'autre en fonction du user-agent.
Pour ce faire, je passe par une redirection via .htaccess

Jusque là tout va bien.

La ou je coince c'est au niveau de l'affichage de mes images, elles sont mélangées avec le texte dans un seul champs.
Dans la version ordi donc la première url, les images s'affiche parfaitement - normal c'était conçue pour.
Dans la version mobile, étant donné que l'url est redirigée, les url des images écrite dans la bdd sont bonnes, mais la racine change ( le sous-domaine) du coup les images ne s'affichent pas.

Mon idée, était donc de faire un traitement de la page a afficher, de récupérer les balise <img src="" alt="" class=""/> et de modifier l'url pour qu'elle soit entière du type http://www.nomdedomaine/images/.../... .jpg

Problème c'est que la balise n'est jamais la même. J'ai toujours un début et fin de balise , mais le contenu change, parfois c'est title au lieu de alt, les class change. C'est pour cela que je pensais passer par les regex.

Ma question: est-ce possible?
Deuxième question: pour de l'affichage mobile, est-ce que ça risque d'être trop lourd?
Dernière question : si oui, existe -t-il une autre solution plus optimissée?

Merci d'avance à tout ceux/celles qui prendront la peine de lire et de m'aider.
30/06/2013, 12h23
Zac699

Salut

je ne suis pas sûr d'avoir toutout compris, mais tu peux peut-être mettre le domaine des images en dur et modifier le htaccess pour qu'il ne fasse pas la réécriture pour ce répertoire.

sinon pour optimiser le mieux serait sans doute de redimensionner plus petites tes images pour l'affichage mobile, à ce moment tu mets un répertoires images sur les deux répertoires, et au moment de l'upload, tu enregistre une image taillée pour mobile dans le répertoire mobile.

Ah ben oui c'est pas bête comme idée !!
Mais est-ce que je ne risque pas de faire du duplicate content? Parce que c'est vrai j'y pensais plus, mais effectivement il faut que je les réduise les images!!

Citation:

je ne suis pas sûr d'avoir toutout compris, mais tu peux peut-être mettre le domaine des images en dur et modifier le htaccess pour qu'il ne fasse pas la réécriture pour ce répertoire.

La réecriture du répertoire est obligatoire, je peux pas passer au travers parce que toute mes pages sont en base de donnée. Et en physique je n'ai qu'une page "ossature" sur lequel tout s'affiche. C'est donc htaccess qui réécris mes url.
Bref je peux pas passer à travers de cette réécriture, et c'est ce qui m'embete encore plus aujourd'hui car pour les images j'ai fait ce code:
Code:

1 2 3 4 5 6 7 8 9 $contenant= 'blabl du text encore du text <img src="images/image-articles/image.jpg" alt="ceci est une image" class="image_gauche"/> blabla suplémentaire de text'; $debut='<img src="'; $debutlien = strpos($contenant, $debut)+ strlen($debut); $fin = '.jpg'; $finlien= strpos($contenant, $fin); $lien= substr($contenant, $debutlien, ($finlien - $debutlien)); echo $debutlien.'<br>'; echo $finlien.'<br>'; echo '<img src="'.$_SERVER['DOCUMENT_ROOT'].'/'.$lien.'.jpg"/>';
Et bien même avec $_SERVER['DOCUMENT_ROOT'] je me retrouve avec l'url de l'image type :

http://www.sousdomaine.nomdedomaine....cles/image.jpg

en sachant que $lien me renvoie la bonne "terminaison de l'url de l'image" c'est à dire :/images/image-articles/image.jpg

Pour que l'image s'affiche il me faudrais : http://www.ndd.com/images/image-articles/image.jpg

Et même en admettant que j'écrive tout simplement :

echo '<img src="http://www. ndd.com'.$lien.'.jpg"/>';

Et bien il me sort : http://ssdomaine .ndd.com/http://www...cles/image.jpg

a cause de la redirection !:?:(

je sais pas comment faire autrement à par l'idée du repertoire avec les images redimensionné, effectivement ça serait au top car j'aurais pas besoin de faire tout ça, mais je voudrais eviter d'être pénaliser par du DC car j'en ai un paquet d'image!

30/06/2013, 13h52
Invité

Bonjour,
une bonne solution :
1/ de redimensionner les images à l'upload pour les mobiles, et les enregistrer dans un dossier : "images/image-articles/mobile" ;
2/ enregistrer les images avec le chemin ABSOLU :

Code:

<img src="http://www.monsite.com/images/image-articles/image.jpg" ..../>

3/ Pour le sous-domaine "mobile", remplacer simplement le chemin avec str_replace() :

Code:

$contenu = str_replace('src="images/image-articles/', 'src="images/image-articles/mobile/' ,$contenu );

N.B. Au lieu d'une redirection vers un sous-domaine, as-tu pensé au "Responsive Design" et "CSS media queries" ?
30/06/2013, 14h07
freestyle83

j'ai effectivement pensé au responsive design très à la mode en ce moment :mouarf:, mais qui n'est pas la solution adapter à mon site. J'ai une boutique dessus, et j'aurais beaucoup trop de changement à faire pour au final pas grand chose.
Faire une version mobile me permet d'être en conformité avec google, tout en affichant les données que je veux, comme je les veux et eventuellement mettre du responsive design pour adapter cette versions au différent format de smartphone.

En ce qui concerne ta solution sur les images je crains qu'elle ne puisse fonctionner :

Citation:

1/ de redimensionner les images à l'upload pour les mobiles, et les enregistrer dans un dossier : "images/image-articles/mobile" ;
2/ enregistrer les images avec le chemin ABSOLU :

Les url des images sont mélangée à du texte, le tout dans un champs de la bdd. La solution que j'avais (bout de code que j'ai envoyé tlh) c'était d'isoler l'url de l'image pour la réecrire correctement. Mais avec la redirection je bute sur un mur même avec une url réecrite en absolue. C'est précisément ce que j'ai indiqué.

Je reflechi de mon côté

Re,

Après un bon repas, j'ai fini par trouver une solution qui je pense répondra à tous mes problèmes. En tout cas sur le code test ça marche j'ai pas encore testé en reel, et finalement je n'avais pas besoin de faire une regex.

Solution: jusqu'à présent je me borné à vouloir changer l'origine de l'image. Alors qu'en créant un simple répertoir et un copier coller des images le problème aurait été résolue. Pour palier à la difficulté lié au duplicate content, j'ai donc pensé modifier la terminaison de l'Url de l'image.

Ce qui fait qu'au lieu d'avoir /image/image-article/nomdelimage.jpg
j'ai image/image-article/nomdelimage-miniature. jpg

Avec mon bout de code je ressort les balises contenant l'image, et je rajouter "miniature" derrière. Ainsi ça me permet:
- de ne pas avoir de problème avec la redirection
- avoir des images miniaturisé
- pas de duplicat-content

J'ai pas encore tester en grandeur reelle, j'aurais peut-être des adapatations à faire mais l'idée et là.

Merci de m'avoir aidé, puisque c'est en vous lisant que la réponses m'est venue à l'idée, c'est d'ailleurs un couplet de vos idées:)

Je passe le sujet en résolu.

Merci

Edit:
je poste le code qui finalement etst le plus fiable, plus optimisé et plus simple pour travailler dans un texte contenant plusieurs images et modifier le nom de l'image :
Code:

1 2 3 4 5 $contenant= "votre texte avec les images"; $type = array('.jpg', '.jpeg', '.png', '.gif'); $remplace = array('_min.jpg', '_min.jpeg', '_min.png', '_min.gif'); echo str_ireplace ($type , $remplace , $contenant);