Comment ne pas afficher de popup lors du clic sur une image ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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
    Le peu que je sais et occulté par le trop que je ne sais pas...
    (http://jmgi.fr)

  • #2
    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
    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
    Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

    Commentaire


    • #3
      Bonsoir manu93fr
      Mais dans mon cas, dès que je clique sur une image (sans mettre de lien), l'obtiens l'image en popup...
      Le peu que je sais et occulté par le trop que je ne sais pas...
      (http://jmgi.fr)

      Commentaire


      • #4
        Tu as un lien a nous donner ?
        Au passage, le site en lien sur ta signature est en erreur
        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
        Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

        Commentaire


        • #5
          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.
          Vous recherchez des musiciens pour agrémenter vos événements de diverses ambiances musicales.
          Le peu que je sais et occulté par le trop que je ne sais pas...
          (http://jmgi.fr)

          Commentaire


          • #6
            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
            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
            Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

            Commentaire


            • #7
              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
              Le peu que je sais et occulté par le trop que je ne sais pas...
              (http://jmgi.fr)

              Commentaire


              • #8
                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 ?
                Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer
                Cette année, le JoomlaDay FR a lieu à Bruxelles, les 20 et 21 mai 2022, plus d'infos et inscriptions : www.joomladay.fr

                Commentaire


                • #9
                  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 ?
                  Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
                  Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                  Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                  Commentaire


                  • #10
                    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
                    Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
                    Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                    Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                    Commentaire


                    • #11
                      Au fait, malgré les apparences, il est toujours possible de faire un "tooltip" avec JCE
                      I follow this guide: https://www.joomlacontenteditor.net/support/tutorials/jcemediabox/420-create-a-tooltip But under class list I don't have the option to c

                      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)
                      Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
                      Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
                      Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

                      Commentaire


                      • #12
                        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....
                        Dernière édition par lefabdu51 à 19/10/2017, 10h19

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X