L'image grossit avec la longueur de la légende.

Bonjour

Je constate que la taille de l'image s'adapte à la longueur de la légende qui est toujours sur une seule ligne. Résultat, dès que la légende est un peu longue, l'image est zoomée, donc floue.
La version sous Joomla 3 créait automatiquement des légendes sur plusieurs lignes, en se fixant sur la largeur de l'image sans la dépasser. La version Joomla 4 n'a plus ce comportement, c'est dommage. Je ne peux pas demander à mes gestionnaires de contenu, non-informaticien d'utiliser des balises
. Une solution ?

Salut
donne moi l'url de la page que je puisse voir le souci
CEd

suite à nos échanges par email, chez moi l'image n'est pas modifiée et la légende passe sur deux lignes
il se peut que ce soit un conflit CSS qui pose souci

pour que cela profite à tout le monde, je continue la discussion ici
j'ai passé du temps à regarder ce qui pourrait clocher, il se trouve que cela ne vient pas du template
il semble que tu n'ais tout simplement pas donné de dimensions à ton image, c'est à dire qu'il n'y a pas d'attribut "width" et "height" sur la balise image. et c'est bien cela qui pose souci ici
ajoute ces balises (qui sont nécessaires aussi pour l'optimisation de ton site) et dis moi si ça marche

Bonjour

La réponse ne me satisfaisant pas (une image avec width/height fixée n'est plus responsive, c'est en fait un max-width qui devrait être positionné pour la maintenir responsive), j'ai donc investigué le code, en me demandant pourquoi le plugin ne collecte pas lui même la taille réelle de l'image (fonction php getimagesize) pour positionner max-width... ce qu'il est sensé faire avec la fonction prévue getRealDims.
J'ai corrigé 3 lignes dans le fichier easyimagecaptionck.php : j'ai fait au plus rapide, pour bien faire, pour les 2 premières modifications, il faudrait revoir l'organisation des fonctions pour pouvoir appeler getRealDims)

Sur le span enveloppant, l'objectif est de positionner max-width avec la taille réelle de l'image
// Modif BFR : ici il faudrait pouvoir appeler la fonction getRealDims
//            $this->internal_style_box = 'display:table;max-width:100%;box-sizing:border-box;vertical-align:top;';
            $this->internal_style_box = 'display:table;max-width:'.@getimagesize($this->urlToFile($image->src))[0].'px;box-sizing:border-box;vertical-align:top;';
            
            
        }
        else {
           // Modif BFR : ici il faudrait pouvoir appeler la fonction getRealDims
            // $this->internal_style_box = 'display:inline-table;max-width:100%;box-sizing:border-box;vertical-align:top;';
             $this->internal_style_box = 'display:inline-table;max-width:'.@getimagesize($this->urlToFile($image->src))[0].'px;box-sizing:border-box;vertical-align:top;';

Sur l'image, l'objectif est de positionner max-width avec sa taille réelle :
// Modif BFR
    //    $image->style .= 'width:100%;';
            $image->style .= 'max-width:'.$this->getRealDims($image).'px;';   


Avec ce code, j'ai enfin retrouvé les tailles réelles des images, sans avoir à y forcer une taille. ouf !

La réponse ne me satisfaisant pas (une image avec width/height fixée n'est plus responsive,

c'est faux, en fait tu confonds ici les attributs de l'image avec le rendu CSS
la largeur permet de dimensionner l'image, ensuite c'est le CSS qui prend le relais pour gérer le responsive. De mon côté j'ai les images avec les attributs de largeur et elles sont tout à fait responsive

je vais tout de même étudier ton code, merci pour ce retour