Safari 中缩放图像的生涩幻灯片过渡

Question

请看这个：http://www.eymy.nl

过渡在所有浏览器中都能顺利进行，但在缩小图像时（当窗口高度小于 1227 像素，即图像的 100% 高度）时，在 Safari 中会变得生涩。换句话说，Safari 不能同时处理这种转换和缩放。

我的猜测是它可以，但需要不同的代码。我尝试了不同的幻灯片脚本，结果总是一样的，当图像被缩放（缩小或放大）时，Safari 中的过渡变得生涩。

任何建议将不胜感激！

Answer 1

我在 i7 MacBook Air 上使用 Chrome 和 Safari，它在 Chrome 中更流畅。在 Safari 中加载第一张图像不稳定之后，它看起来还不错。由于这似乎是在动画之前加载图像的问题，我建议预加载它们。这通常使用 JavaScript 在 body 标记中完成，或者您也可以使用 CSS。 See this page 了解预加载图像的方法。