Safari 中的 Backstretch 在最后一张图片和第一张图片之间不会褪色答案

【问题标题】：Backstretch in Safari doesn't fade between last image and first imageSafari 中的 Backstretch 在最后一张图片和第一张图片之间不会褪色
【发布时间】：2014-07-08 00:42:49
【问题描述】：

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 上出现故障，而他完全相同的代码在所有三个上运行完美。

【问题讨论】：

标签： jquery safari jquery-backstretch

【解决方案1】：

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

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

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

如果您在 backstretch jquery 插件无法正确淡入淡出图像方面遇到问题请检查您的文件格式并确保文件大小可接受。

【讨论】：