【问题标题】:Jerky slideshow transition of scaled images in SafariSafari 中缩放图像的生涩幻灯片过渡
【发布时间】:2014-04-10 02:02:55
【问题描述】:

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

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

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

任何建议将不胜感激!

【问题讨论】:

  • 在我看来,Safari 中的一切都很好。也许您的计算机只是在处理它时遇到问题或其他什么?我不知道。

标签: javascript jquery css safari


【解决方案1】:

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

【讨论】:

  • 谢谢。这绝不是加载问题。它也离线发生。也许你的机器速度很快,或者你的分辨率很高。试着把窗口变小?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-08-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-18
  • 2014-12-04
相关资源
最近更新 更多