Images affichées tête en bas

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

  • [RÉGLÉ] Images affichées tête en bas

    Bonjour à tous. Je constate sur mon site ibiltzaile.fr (3.9.11) que certaines images récemment insérées s'affichent correctement sur mon PC mais apparaissent sur iPad la tête en bas (que ce soit avec Safari ou Firefox) voir pj..
    Cela ne m'était jamais arrivé. Serait-ce dû à la mise à jour 3.9.11? Avez-vous constaté ce phénomène? Merci d'avance.

  • #2
    Bonjour,
    Ce n'est clairement pas lié à la màj de Joomla
    Par contre, ça ressemble à une ligne de CSS (style) qui "retourne" (flip en anglais) l'image.

    Si vous indiquez l'url de la page concernée, on pourra vous aider plus facilement...
    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ : https://www.joomla.fr/association/adherer

    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

    Commentaire


    • #3
      Bonjour,

      Je viens de regarder le site sous Chrome et sous Firefox, et pour l'article correspondant à l'image ci-dessus, je la vois bien à l'endroit, que ce soit dans le blog ou dans l'article seul.
      "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
      MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

      Commentaire


      • #4
        Bonjour,

        Cela provient de l'image prise avec la rotation automatique du Samsung SM-A530F (pensez à désactiver avant de prendre la photo),
        les données EXIF agissant comme des propriétés de l'image détectées ou non pas les navigateurs ou système.

        L'image seule s'affiche à l'envers car dans Firefox, elle s'affiche avec : "image-orientation: from-image;".

        mais on peut annuler cette rotation en ajoutant à la css de votre template :

        Code:
        img {image-orientation: none !important;}
        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

        Commentaire


        • #5
          Curieux que ça se soit affiché dans le bon sens (je parle de l'article, l'image seule en effet s'affiche à l'envers) sur l'écran de mon PC, et à l'envers sur d'autres écrans ! Qu'est-ce qui expliquerait que sur certains, l'orientation de l'image soit utilisée, comme dans l'exemple ci-dessus, et pas sur d'autres ?
          "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
          MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

          Commentaire


          • #6
            Envoyé par RobertG Voir le message
            Curieux que ça se soit affiché dans le bon sens (je parle de l'article, l'image seule en effet s'affiche à l'envers) sur l'écran de mon PC, et à l'envers sur d'autres écrans ! Qu'est-ce qui expliquerait que sur certains, l'orientation de l'image soit utilisée, comme dans l'exemple ci-dessus, et pas sur d'autres ?
            par défaut, l'analyse de l'orientation est faite d'après les données EXIF de l'image...
            http://prntscr.com/oupiur
            Comme tu peux le voir avec l'extraction des données : http://metapicz.com/#landing?imgsrc=...nce%2FErlo.jpg
            L'image a été prise à l'envers avec un téléphone A5 et la rotation automatique a été indiqué par le téléphone dans les données exif intégré à la photo (ORIENTATION : Rotate 180° ).

            Le plus simple, c'est de supprimer ces données exif et de corriger l'orientation avec un logiciel comme xnview.
            Ce qu'il faut savoir, c'est que l'on peut également indiquer la position géolocalisée, bref des informations que l'on n'a pas envie de retrouver sur le net...

            Et pour la prochaine fois, desactiver la rotation automatique sur le téléphone, ce sera beaucoup plus simple pour incorporer les images
            Dernière édition par daneel à 19/08/2019, 17h17
            Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

            Commentaire


            • #7
              Je suis d'accord, mais comme je l'ai dit, c'est que je ne comprends pas pourquoi mon navigateur affiche l'image à l'endroit dans l'article (et à l'envers seule), alors qu'elle est à l'envers sur la copie d'écran du premier message d'Olivier.
              "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
              MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

              Commentaire


              • #8
                oui Robert, c'est du à l'usage partiel de l'orientation sur ios (donc avec safari sur sa tablette ipad ), tout comme l'app firefox sur ios.

                Comme c'est indiqué dans la photo (dans les données exif),
                ces deux navigateurs appliquent donc la rotation contrairement aux autres navigateurs qui n'ont pas encore intégrés cette fonctionnalité.

                https://caniuse.com/#feat=css-image-orientation



                Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                Commentaire


                • #9
                  OK, merci Yann !
                  "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                  MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr hébergés chez PHPNET - sites perso chez PlanetHoster + sites gérés chez 1and1 et OVH

                  Commentaire


                  • #10
                    Pour info, le gestionnaire de media de JCE (traitement de texte) supprime les infos EXIF lors du chargement de nouvelles images. Ça permet d'éviter ce genre de souci (et aussi d'éviter d'avoir certaines infos non souhaitées sur le web, en plus de réduire un peu la taille du fichier).
                    Une alternative est d'utiliser un logiciel (gratuit) comme ImageOptim pour réduire la taille du fichier et éliminer les données EXIF.
                    Tous les services pour les sites Joomla! : sécurité, nettoyage de sites piratés, hébergement, SEO, applications Fabrik, migration, compatibilité mobiles, accessibilité, ...
                    Administrateur certifié Joomla! 3
                    https://www.betterweb.fr/services

                    Commentaire


                    • #11
                      Merci à vous tous pour ces propos de spécialistes experts et pour votre aide. Pour information, je constate sur PC Win 10 qu'une photo prise avec le même appareil apparaît à l'endroit, mais à l'envers si on clique sur l'image pour l'agrandir; vous pouvez le constater avec ce lien :
                      https://www.ibiltzaile.fr/index.php/...ns-de-la-photo

                      Commentaire


                      • #12
                        Envoyé par olivier834 Voir le message
                        Pour information, je constate sur PC Win 10 qu'une photo prise avec le même appareil apparaît à l'endroit, mais à l'envers si on clique sur l'image pour l'agrandir
                        oui, la propriété css qui utilise les données exif n'est pas active (sur firefox) dans la page mais elle est active quand on clique sur l'image seule, stocké sur le pc ou que l'on essaye de visualiser sur ios. Cette lecture de cette donnée "orientation" en css est assez récente, ce qui fait que cela n'est pas adopté sur tous les navigateurs ou géré partiellement. De plus, tu n'as aucun contrôle pour corriger le problème quand tu affiche l'image seule (donc pas de css personnalisée).

                        La propriété exif que l'on peut extraire de la photo indique une orientation à 180°, il faut supprimer cette information de la photo comme l'indique jfque.
                        Les logiciels et astuces ne manquent pas, il suffit de taper "supprimer données EXIF" pour trouver bon nombre de tutoriels et logiciels
                        jfque Merci pour l'astuce sur JCE !

                        En résumé, utilise jce ou edite les photos avec un logiciel qui enleve les données exif puis reinjecte sur ton site, le problème sera vite réglé.

                        Dernière édition par daneel à 20/08/2019, 09h33
                        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                        Commentaire


                        • #13
                          Envoyé par jfque Voir le message
                          Pour info, le gestionnaire de media de JCE (traitement de texte) supprime les infos EXIF lors du chargement de nouvelles images. Ça permet d'éviter ce genre de souci (et aussi d'éviter d'avoir certaines infos non souhaitées sur le web, en plus de réduire un peu la taille du fichier).
                          Une alternative est d'utiliser un logiciel (gratuit) comme ImageOptim pour réduire la taille du fichier et éliminer les données EXIF.
                          Merci jfqe pour cette précision, mais où dois-je intervenir dans JCE pour que ces données EXIF soient effacées. Dans le cas de mes photos à l'envers, les images ont été chargées via JCE...

                          Commentaire


                          • #14
                            C'est un paramètre dans les profils : dans "Editor parameters", section "Filesystem" > Image editing. c'est la première entrée de la liste : Remove image EXIF data. Le réglage par défaut (dans le profil par défaut de JCE) est "NON" (je pense pour des raisons de rétro-compatibilité). C'est pour cela que les données n'ont pas été modifiées.
                            Sur mes sites, j'utilise en général un profil "sur mesure" (que j'importe) et dans lequel ce réglage est sur "Oui".

                            A noter : le fait de changer de Non > Oui va avoir de l'effet sur les prochaines images chargées. Pour modifier les existantes, il faut les re-charger. Une alternative est de télécharger tout le dossier "images" en local, de passer les images dans ImageOptim, puis de recharger (par FTP) le dossier "images" sur le serveur.
                            Tous les services pour les sites Joomla! : sécurité, nettoyage de sites piratés, hébergement, SEO, applications Fabrik, migration, compatibilité mobiles, accessibilité, ...
                            Administrateur certifié Joomla! 3
                            https://www.betterweb.fr/services

                            Commentaire


                            • #15
                              jfque, c'est parfaitement clair. Merci pour ces explications. Et encore merci à tous

                              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