Fancybox图像方向

时间:2013-07-08 13:43:23

标签: jquery fancybox

我在我的网站上设置了fancyapps-fancyBox-18d1712,并且纵向图像的框架显示是错误的(它们以横向模式显示)。如果我从帧中选择图像URL以获得纵向模式图像并将其加载到新的浏览器选项卡中,则图像的方向正确。在Ubuntu上的Firefox,OSX上的Chrome,OSX上的Maxthon和OSX上的Safari中的行为相同。

请指教。感谢。

1 个答案:

答案 0 :(得分:3)

嗯,这不是一个花哨的问题。有一种叫做JPEG EXIF Orientation Tag(或旗帜)的东西。

大多数现代相机将此flag添加到图片的 EXIF 信息中,一些桌面软件以及一些现代浏览器(肯定是移动浏览器)能够读取此标记并旋转无论实际图像格式(纵向/横向)如何,图像(视觉上说)都能正确显示。

作为参考,irfanview有一个选项可以读取此标志(如果可用)

enter image description here

启用/禁用此选项将相应地显示图像。

您需要做的是编辑图像而不读取EXIF信息并手动旋转它们或保存它们而没有任何EXIF信息(您应该在任何情况下手动旋转它们。)然后,您必须再次上传它们你的服务器。

这听起来很烦人,但这是确保您的图片格式在所有不同浏览器和平台上保持一致的唯一方式(您不会是第一个对该问题咆哮的人,请查看this blog article

您可能还想查看this以获取进一步的参考。