Agrandissement des images d'articles

[djinn99]

Bonjour,
Je trouve que la taille des images qui illustrent le texte d'un article est trop petite. Même lorsqu'on clique sur l'article pour voir "l'article complet", leur taille ne dépasse pas les 300px de large.re J'aurais espéré un affichage "en grand" des images lorsqu'on clique dessus (avec un effet "lightbox" ou quelque chose comme ça qui mettrait l'arrière-plan dans la pénombre) mais je vois nulle part la possibilité de paramétrer cela. Faut-il installer un module complémentaire?
Pour exemple, voici notre site et les images qui s'affichent dans les articles d'actualité sur la page d'accueil : www.emile-max.be
Merci!

[lomart]

Bonsoir,

En effet, il faut installer une extension pour prendre en charge cette fonction. L'éditeur JCE le propose
J'ai également un plugin qui peut le faire de façon automatique : https://lomart.fr/extensions/lm-zoom

[djinn99]

Bonjour,
Je vous remercie pour vos conseils que j'ai suivis en installant le plugin LMzoom.

Celui-ci répond effectivement à ma demande et fonctionne facilement. Seul souci que je n'arrive pas à régler : fixer la taille des marges entourant l'image autrement qu'en pixels vu que ceci n'est pas responsive. J'aime mettre toutes mes dimensions, soit en %, soit en em.

L'éditeur de l'image n'accepte que les dimensions en pixels.

Sous l'onglet "options avancées" de l'éditeur de l'image, j'ai également essayé en ajoutant une classe en plus de la classe "zoom" afin de définir les marges en unités em mais cela fait alors bugguer le plugin LMzoom. Avez-vous une idée de la façon de résoudre ceci?

Merci et bonne soirée

[djinn99]

Voici quelques images qui illustrent mon post ci-dessus. Je m'aperçois que je ne peux en fait rien définir du tout comme marges à l'image ciblée par le plugin LMzoom, même pas en pixels donc, sinon celui-ci ne fonctionne plus correctement.

[lomart]

Bonsoir,

L'éditeur de l'image n'accepte que les dimensions en pixels.

Quel éditeur d'images ?

Il est possible soit d'indiquer une taille en %. C'est plus simple que les em
Ce que j'utilise aussi beaucoup, c'est une taille à 100% dans un bloc parent responsive

[lomart]

OK j'ai compris avec le 2ème post

Il faut créer, si elle n'existe pas, une règle CSS

img.left {margin-right:10px; margin-bottom:10px;}

et ajouter la classe left à l'image au lieu d'un style

[djinn99]

Merci de votre réponse très rapide.
J'ai déjà essayé ce que vous proposez : comme je l'expliquais plus haut, dans l'onglet "options avancées" de l'éditeur d'images, j'ai ajouté une classe supplémentaire "img-gauche" à la classe "zoom" nécessaire au fonctionnement de votre plugin mais cela pose problème également. N'avez-vous jamais rencontré ce problème? Bien à vous.

[djinn99]

Dans "option" sous "Classes", j'ai donc écrit "zoom img-gauche"
et dans ma feuille css : .img-gauche{margin-right:1em;}

Il est toujours possible d'agrandir l'image de l'article grâce à votre plugin mais 1) la loupe n'apparaît plus 2) il n'y a plus de croix pour refermer l'image en grande taille et revenir à l'article normal

Si vous en avez l'occasion, je vous invite à voir l'image de l'article concerné via le lien ici :

[lomart]

C'est un problème de cache.
Je viens de tester la page indiquée. Tout est fonctionnel

[djinn99]

Bonsoir,
J'ai beau essayer en rafraîchissant la page et en purgeant le cache du navigateur, une fois ça marche et puis à nouveau plus. J'ai essayé avec IE, firefox et chrome et j'ai le même type de souci.
Bien à vous.

[lomart]

Le cache de votre site, pas celui du navigateur