[résolu] Bug d'affichage des images depuis la migration vers J4.0

[cath_webdesign]

Bonjour à tous,

Je rencontre de plus en plus de problème sur le site d'un client depuis la migration vers Joomla 4 (https://www.laurentmasson.com).
Certaines images ne s'affichent plus, du jour au lendemain, sans qu'il y ait eu le moindre changement sur le site. Et je ne m'explique pas ces bugs.
Aucun déplacement de fichier dans la BD, pas d'évolution de la version de php depuis la migration...

Par ailleurs, une section éditable par le client en mode "rédacteur" présente systématiquement des bugs d'affichage des images (cf. capture d'écran, mentionnant des erreurs de référence jQuery).

Est-ce que quelqu'un saurait d'où pourrait venir le problème ?

Merci d'avance pour votre aide !

[SuperVespa]

Salut,

Par exemple sur la page <https://www.laurentmasson.com/activites/consulting>, je constate qu'il manque 3 images. Mais le lien qui mène aux fichiers me semble problématique.

On voit correctement l'image ici : <https://www.laurentmasson.com/images/images/consulting-analyse.jpg>

Dans ton code, le lien ne semble pas correct : <img src="images/images/consulting-analyse.jpg" alt="analyse contractuelle">
A mon avis, il devrait comporter un «/» avant «images» : <img src="/images/images/consulting-analyse.jpg" alt="analyse contractuelle">

[cath_webdesign]

Merci pour ta réponse.
En prévisualisation de l'article dans le backoffice, l'image apparaît sans souci.
En corrigeant le slash manquant comme tu le suggères, rien ne change en front, toujours pas d'affichage de l'image...

Je ne vois pas pourquoi l'affichage a commencé à déconner alors que je n'ai pas touché à ces sections (aucune modif de code, ni déplacement ou renommage des fichiers img dans la BD).

[RobertG]

Bonjour,

Pour moi, ça ressemble à un problème de réécriture.
Dans l'adresse des images absentes des pages des sous-menus du lien "activités", il y a le nom de l'alias "activites" en trop

[SuperVespa]

En corrigeant le slash manquant comme tu le suggères, rien ne change en front, toujours pas d'affichage de l'image...

Si si ... sur la page que j'ai mentionné, si tu modifies le code HTML (par exemple avec la fonction «Inspecter l'élément» de Safari ou «Inspecter» de Firefox) et que tu ajoutes le «/» comme indiqué, les images apparaissent !!!

[cath_webdesign]

Bonjour,

Pour moi, ça ressemble à un problème de réécriture.
Dans l'adresse des images absentes des pages des sous-menus du lien "activités", il y a le nom de l'alias "activites" en trop

Comment est-ce que je peux changer l'adresse des images ?
Dans mon article, la source est la suivante : <img src="images/images/judo-filtre-bleu_600px.jpg" width="600" height="450" />
Et quand je corrige le code en ajoutant le / devant le premier dossier images, comme le suggère SuperVespa, au moment de l'enregistrement des modif, joomla supprime automatiquement le slash ajouté manuellement...

[SuperVespa]

J'ai l'impression que tu utilises 2 manières différentes pour lier les images au contenu.

Avec la première solution, les images sont correctement affichées (par exemple: Accueil ou A propos). Mais avec l'autre solution, le lien sur les images n'est pas correct (elles s'affichent correctement en ajoutant un «/» dans le code HTML avant «images»).

On dirait par exemple que tu utilises 2 éditeurs différents, dont l'un n'est pas correctement configuré (lien relatif incorrect).

[cath_webdesign]

Les pages "accueil" et "à propos" ont été codées directement dans Gantry (utilisé avec un template). Les autres, dont celles qui posent souci, affichent des articles rédigés directement depuis l'interface Joomla.
Je vais tester en changeant l'éditeur. Merci pour cette piste !
À suivre.

[cath_webdesign]

J'ai l'impression que tu utilises 2 manières différentes pour lier les images au contenu.

Avec la première solution, les images sont correctement affichées (par exemple: Accueil ou A propos). Mais avec l'autre solution, le lien sur les images n'est pas correct (elles s'affichent correctement en ajoutant un «/» dans le code HTML avant «images»).

On dirait par exemple que tu utilises 2 éditeurs différents, dont l'un n'est pas correctement configuré (lien relatif incorrect).

Effectivement, avec un autre éditeur (codeMirror), mon code n'est pas automatiquement modifié/simplifié à l'enregistrement (comme c'était le cas avec TinyMCE), et tout passe.

Se pose alors un autre souci... Sur la page "ressources" du site, qui est alimentée par mon client, je ne peux pas lui laisser un éditeur type "codeMirror", qui ne propose qu'une interface pour rédiger directement en html...

• Une idée de pourquoi TinyMCE bug de la sorte ? Peut-on changer des paramètres pour éviter les soucis que j'ai rencontrés ?
• Et/ou une éventuelle alternative à me proposer d'une interface "presse-bouton" mais stable ?

Merci d'avance !!

[SuperVespa]

Je n'utilise pas TinyMCE, car je préfère largement JCE Editor. Mais je pense qu'il s'agit d'un simple problème de réglage.

Quelques pistes :
- Editer le plug-in «Éditeur - TinyMCE» et vérifier la valeur de «Dossier images» (normalement c'est «images»).
- Vérifier aussi la valeur de «Encodage des URL» (normalement c'est «URL relative»).

Bonne chance, ça devrait fonctionner !

[cath_webdesign]

C'est vrai que JCE est très bien, je l'utilise sur d'autres sites. Je vais basculer sur JCE, ce sera mieux.

Un grand merci pour ta réactivité et ton aide !
Et merci à Robert également.