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

    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

        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

            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

                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 ?
                  C'est en forgeant qu'on devient forgeron. Mais c'est pas en coupant du bois que Léonard de Vinci...” (extrait du "Da Vinci Code de l'artisanat")
                  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
                    C'est en forgeant qu'on devient forgeron. Mais c'est pas en coupant du bois que Léonard de Vinci...” (extrait du "Da Vinci Code de l'artisanat")
                    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
                      https://www.joomlacontenteditor.net/...ss#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)
                      C'est en forgeant qu'on devient forgeron. Mais c'est pas en coupant du bois que Léonard de Vinci...” (extrait du "Da Vinci Code de l'artisanat")
                      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
                        Mon site en cours de construction avec de nouvelles catégories de documents...
                        https://informaticien51.fr

                        Commentaire

                        Annonce

                        Réduire
                        1 sur 2 < >

                        C'est [Réglé] et on n'en parle plus ?

                        A quoi ça sert ?
                        La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                        Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                        Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                        Comment ajouter la mention [Réglé] à votre discussion ?
                        1 - Aller sur votre discussion et éditer votre premier message :


                        2 - Cliquer sur la liste déroulante Préfixe.

                        3 - Choisir le préfixe [Réglé].


                        4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                        2 sur 2 < >

                        Assistance au forum - Outil de publication d'infos de votre site

                        Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                        Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                        Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                        UTILISER À VOS PROPRES RISQUES :
                        L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                        Problèmes connus :
                        FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                        Installation :

                        1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                        Archive zip : https://github.com/AFUJ/FPA/zipball/master

                        2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                        3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                        4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                        5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                        6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                        et remplacer www. votresite .com par votre nom de domaine


                        Exemples:
                        Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                        Télécharger le script fpa-fr.php dans: /public_html/
                        Pour executer le script: http://www..com/fpa-fr.php

                        Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                        Télécharger le script fpa-fr.php dans: /public_html/cms/
                        Pour executer le script: http://www..com/cms/fpa-fr.php

                        En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                        Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                        Voir plus
                        Voir moins

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X