[Problème] Comment ne pas afficher de popup lors du clic sur une image ?

[jmgroud]

Bonjour
Problème très simple...
Je désire mettre des images dans un article mais ne pas avoir de "popup" lorsque je clique sur ces images.
Comment faire ?
Joomla : 3.8.1
Php : 7.0.10
JCE : 2.6.19 Pro
Merci beaucoup

[manu93fr]

Bonjour,

Problème très simple...
Je désire mettre des images dans un article mais ne pas avoir de "popup" lorsque je clique sur ces images.

Dans ce cas là, on ne met aucun lien dessus ... mais normalement c'est le fonctionnement par defaut

[jmgroud]

Bonsoir manu93fr
Mais dans mon cas, dès que je clique sur une image (sans mettre de lien), l'obtiens l'image en popup...

[manu93fr]

Tu as un lien a nous donner ?
Au passage, le site en lien sur ta signature est en erreur

[jmgroud]

Oui, ici : http://ambiances-musicales.fr/index....ableau-de-bord
Il s'agit des images d'information (lettre "i" dans le cercle bleu).
Le premier est un test avec une infobulle lorsque la souris passe sur l'image (ca fonctionne bien) mais lorsque je clique sur l'image, le popup s'affiche.
Le deuxième doit afficher le contenu d'un article en popup lorsque je clique sur l'image. ca fonctionne mais je dois dans un premier temps valider l'affichage du popup de l'image.

[manu93fr]

Ce ne sont pas juste des images dans un contenu ...
la 1ere a un code tooltips et la 2de un code modal ... je ne comprends pas trop ce que tu souhaites faire

[jmgroud]

Il y a dans mon exemple 3 images identiques (le "i" entouré d'un cercle bleu) :

- La première est une image simple du type <p><imp src="/xxxxx/yyy.png" alt="i_32x32"></p>.
Il n'y a aucun code spécifique ajouté autour de cette image par JCE, ni l'utilisation d'aucun plugin
Je désire avoir une image non réactive au clic comme un simple texte.

- La deuxième est un test pour avoir une infobulle lorsque le curseur passe sur l'image sans clic.
Pour obtenir ceci j'utilise le plugin "ToolTips" proposé par "Regular Labs". Tout fonctionne mais lorsque je clique sur l'image, cette dernière apparaît en popup.
J'aimerai avoir une image non réactive au clic et n'avoir uniquement que le popup lors du passage de la souris.

- La troisième est un test pour avoir le contenu d'un article en popup lors du clic sur l'image.
J'utilise le plugin "Modals" de "Regular Labs". Tout fonctionne mais j'ai en même temps (en superposition) l'affichage de l'icône dans un autre popup que je dois faire disparaître avant de voir correctement le contenu de l'article.
J'aimerai ne pas avoir l'affichage de cette image en superposition à celui du contenu de l'article.

En fait, dans ces 3 exemples, le problème est le même : ne pas avoir l'affichage de l'image au clic.
Étant donné que cette image s'affiche en popup et de la même façon pour les 3 exemples, même sans code (premier exemple), je ne pense pas que ce problème soit lié au code des plugins des 2 autres exemples.
Dans les 3 cas (même le premier), j'ai également le curseur de la souris qui change au passage sur l'image (sans cliquer). J'ai la flèche qui se transforme en main comme si j'avais indiqué un lien. Je comprends pour les 2 dernières images mais pas pour la première.

Dans le debug sous firefox, j'ai quand même de drôles de choses, par exemple sur la première image :

.bd-tagstyles:not(.bd-custom-image:not(.shape-only) img {
blablabla...
}

.bd-postcontent-4 img(.no-lightbox), .bd-lightbox-4 .lightbox-image {
cursor: pointer;
}

img:not([class]), bd-imagestyles {
blablabla...
}

Après plusieurs tests en forçant le classe de l'image (par l'éditeur "JCE"). J'ai trouvé une solution : mettre la classe "no-lightbox" sur l'image !
Avec cette solution je n'ai plus l'affichage du popup de l'image et n'ai plus la transformation de l'image de la souris en main.

Tout semble OK... Mais non, pour moi car je dois systématiquement ajouter par l'éditeur "JCE" la classe "no-lightbox" pour ne pas avoir de réactivité en popup.
C'est une solution qui fonctionne mais trop lourde en développement.
La classe "no-lightbox" semble être définie par "JQuery".
J'aimerai avoir une "non réactivité par défaut" sans ajouter de classe complémentaire à l'image par l'éditeur.
Ceci semble être un problème lié au template non ?

Je patauge un peu dans la semoule... Faudrait-il modifier le comportement par défaut des images en modifiant certains fichiers Javascript ou/et CSS du template (je me trompe peut-être...).
Si j'ai vu juste comment faire étant donné que j'utilise l'outil "Themler" et que je n'ai rien vu au sujet du comportement par défaut des images dans l'IHM de "Themler".
Pour information, j'ai 3 zones que je pourrai modifier manuellement dans le template :
- Additional CSS
- Additional Head HTML
- CMS Code
Mais étant une bille en programmation pure, je ne sais pas si ces zones pourraient me servir et si OUI, quoi mettre pour obtenir par défaut des images non réactives au clic sur tout le site.

Toutes ces réflexions me poussent à penser que tout vient de la classe "no-lightbox" et du template, mais je pars peut-être vers une mauvaise voie !
Voilà, je cherche..., j'avance petit à petit..., le bout du tunnel semble proche mais là je bloque...
Merci d'avance pour vos idées.
Jean-Marie

[manu93fr]

Je n'ai pas la licence JCE Pro mais ce qui est sure, c'est que rajouter une image (sans aucun lien) dans un contenu quelquonque ne devrait pas ouvrir une modal ou faire apparaitre un tooltips au passage de la souris ... et comme je ne suis pas derrière l'ecran en admin, je ne visualise pas ce que tu fais exactement ...
Sinon, as tu posé la question a JCE ? As tu essayé avec le template natif de Joomla! (protostar) ou avec l'editeur natif de Joomla!
Tu fais tes templates avec quoi ?

[dolmenhir]

Salut,
Je connais bien JCE et pour avoir une image en modal, il faut le spécifier dans les paramètres de l'image (il y a un onglet popup pour cela).
Cela dit, il peut y avoir un conflit entre Tooltips et JCE.
As-tu essayé de désactiver temporairement JCE et son plugin mediabox ?

[dolmenhir]

Je viens de faire un test en installant tooltips sur un site de test où j'ai également JCE
Je n'ai pas de problème en plaçant une info bulle sur un texte ou une image

Est-ce que tu t'y prend bien ?
Comment procèdes-tu pour placer ton infobulle ?
Attention, ne pas utiliser la partie "Lien" de l'éditeur de l'info bulle

[dolmenhir]

Au fait, malgré les apparences, il est toujours possible de faire un "tooltip" avec JCE

https://www.joomlacontenteditor.net/support/forum/92530-tooltip-issue,-not-showing-class#reply-92546

Après, un tooltip c'est pas vraiment fait pour écrire un roman, mais on peut y mettre 1 paragraphe ou 2... faut juste retravailler le css (attention aux petits écran si le tooltip est trop long)

[lefabdu51]

ca c est un truc qui viens de jce ..
il y a un script qui affiches l image au clic de souris dixit firebug.
La console de firebug indique une version de jquery non chargée (1.8.2).
l'onglet html indique que la balise img est surveillée par un evenement javascript, et l'evenement sur lequel il pointes est un evenement onkeyup.
qui fait appraitre l'image dans une modale...
conclusion, ca passe par motools j ai l impression vu les fichiers appellés.
n utilisant pas jce, le seul conseil que je peut te donner et de regarder la doc de ton outil.

Verifies le chargement de jquery dans la bonne version ou met a jour jce + plugins.
autre piste, un conflit avec un gestionnaire de galerie d images.... ou un slideshow....