在Safari中缩放图像的生涩幻灯片转换

Question

请看一下：http://www.eymy.nl

过渡在所有浏览器中都能顺利进行，但在缩小图像时（当窗口高度小于1227像素，即图像的100％高度时），Safari会变得生涩。换句话说，Safari无法与缩放一起处理此转换。

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

任何建议都将不胜感激！

Answer 1

我在i7 MacBook Air上使用Chrome和Safari，它的镀铬效果更加平滑。在Safari中加载第一张图像后，看起来很不错。因为这似乎是在动画之前加载图像的问题，我建议预加载它们。这通常使用JavaScript在body标签中完成，或者您也可以使用CSS。 See this page了解预装图片的方法。