防止fancybox旋转我的图片

Question

我正在使用 Fancybox 2 为我的网站构建一个图库。问题是，当我的图像垂直对齐时，它会逆时针旋转我的图像。

• 这是一个示例图像： http://izolyatsia.org/media/photos/2013/08/DSC_9439.JPG
• Fancybox 中的同一张图片：http://cl.ly/image/0K1O0h1t3y15

这是我用来启动 fancybox 的代码：

        $(".fancybox").fancybox({
                openEffect  : 'none',
                loop        : true,
                preload:    3,
                closeEffect : 'none',
                    helpers : {
                        title: {
                            type: 'inside'
                        }
                }   
        }); 

此外，我还没有找到该插件的自动旋转选项。我该怎么做才能使照片看起来正确？

Answer 1

看到这里的问题是原始照片本身是水平形式的。如果你想正确显示这张照片做一件事，用一些非常好的图像查看器软件打开这张照片并对其进行旋转并保存新的旋转图像。现在在fancybox中打开同一张新生成的旋转图片，这次你就可以正确显示了！

Answer 2

EXIF 元数据在拍照时由相机/手机提供给图像。

JPG 文件存储这些数据，有时会混淆fancybox。最简单的解决方案是将图像重新保存为 PNG，fancybox 会正确显示。