0

Backstretch 是 jQuery 的扩展，它允许您设置动态可调整大小的全窗口背景图像（网站在这里）

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

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

4

1 回答 1

3

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

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

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

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

于 2014-07-08T01:28:44.177 回答