Safari中的后伸不会在最后一张图像和第一张图像之间淡入淡出

Question

Backstretch是jQuery的扩展，允许您设置动态可调整大小的完整窗口背景图像（website here）

我正在使用它在我的网站上制作背景幻灯片（here）

Firefox和Chrome上的一切正常。在Safari下，fadeIn / fadeOut在数组中的最后一个图像和数组中的第一个图像之间出现故障。它不是淡入淡出而是简单地从一个图像跳到另一个图像。它通常在Safari下看起来像“虫子”。

<script>
    $.backstretch([
      "images/one.jpg",
      "images/two.jpg",
      "images/three.jpg"
      ], {
        fade: 750,
        duration: 4000
    });
</script>

这是来自官方幻灯片示例的代码的复制/粘贴，它是我在我自己的网站上使用的（当您下载作者的完整包时，示例文件夹中的示例slideshow.html）。使用作者的示例在Safari下工作并且根本不会感到错误。

我试图理解为什么我的网页在Chrome / Firefox上运行完美但在Safari上出现故障，而他完全相同的代码在这三种情况下完美无瑕。

Answer 1

发现问题，这不太可能帮助其他人，因为情况非常奇特，但你永远不知道。

我使用的其中一个图像是非常罕见的“* .00_jpg_srz”压缩图像格式，它的大小也是惊人的3.6mb。

Firefox和Chrome消化它没问题，Safari不喜欢它！

如果你有使用backstretch jquery插件的问题而没有正确地淡入淡出图像检查你的文件格式并确保文件的大小可以接受。