防止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将正确显示它。