jQuery Girl
  1. jQuery Girl
  3. Orientation de l’image Fancybox
Intereting Posts
JQuery UI Datepicker perd le focus lors de la sélection de la date avec la souris Lien menu déroulant avec tabs dans le bootstrap Code Jquery pour le menu de navigation déroulant à plusieurs niveaux Comment positionner fancybox sur le dessus jQuery: l’événement «change» sur l’élément d’entrée de fichier ne se déclenche pas si la sélection de fichier est déclenchée par un élément autre que l’entrée de fichier Comment utiliser jQuery dans l’addresse firefox? JQuery sélectionne tous les éléments sans désactiver AND no en lecture seule? sinon “mon système d’exploitation” change css – jquery jQuery live submit caugth in infinite loop comment contrôler le contrôle du cache dans une requête ajax Animer div pour s’aligner sur l’élément le plus en vue jQuery File Upload afficher le temps restant? Le gestionnaire de liaison du sélecteur de couleurs JQuery crée plusieurs divs Vérifiez les div avec une certaine largeur Équivalent JavaScript ou jQuery de la fonction strstr () de PHP

Orientation de l’image Fancybox

J’ai configuré fancyapps-fancyBox-18d1712 sur mon site Web et l’affichage des images en mode portrait est incorrect (elles apparaissent en mode paysage). Si je sélectionne l’URL de l’image dans le cadre d’une image en mode portrait et la charge dans un nouvel onglet de navigateur, l’image est correctement orientée. Le comportement est le même dans Firefox sous Ubuntu, Chrome sous OSX, Maxthon sous OSX et Safari sous OSX.

S’il vous plaît donnez votre avis. Merci.

Eh bien, ce n’est pas un problème de boîte à lettres. Il y a quelque chose appelé JPEG EXIF Orientation Tag (ou drapeau).

La plupart des appareils photo modernes ajoutent ce flag aux informations EXIF de l’image. Certains logiciels de bureau, de même que certains navigateurs modernes (navigateurs mobiles), peuvent lire ce drapeau et faire pivoter l’image (visuellement) pour l’afficher correctement, quelle que soit l’image réelle. format (portrait / paysage).

Pour référence, irfanview a une option qui lit cet indicateur si disponible

entrez la description de l'image ici

Activer / désactiver cette option affichera l’image en conséquence.

Ce que vous devez faire est de modifier vos images sans lire les informations EXIF ​​et de les faire pivoter manuellement ou de les enregistrer sans aucune information EXIF ​​(vous devez les faire pivoter manuellement dans tous les cas.) Ensuite, vous devez les télécharger à nouveau sur votre serveur.

Cela semble ennuyeux, mais c’est le seul moyen de vous assurer que le format de vos images sera cohérent sur tous les navigateurs et plates-formes (vous ne serez pas le premier à crier sur le sujet, consultez cet article du blog ).

Vous pouvez également vouloir vérifier ceci pour une référence ultérieure.