iPhone是不是正常播放动画精灵？

Question

我在Android上测试了这个并且效果很好但是在iPhone上看起来非常滞后，我认为这是一个图像预加载的错误所以在一个简单的jquery预加载器中触发之后它似乎仍然存在问题。

图像在25025px by 80px

时最大

我想知道你是否能看到我失踪的东西？

http://www.prosperitymedia.co.uk/test/

要查看问题，请查看iphone / itouch上的网站。

作为旁注，我使用的是名为Spritely

的插件

Answer 1

好的，我在另一部手机上测试了

不是spritely无法显示动画，是试图逐帧缓存所有帧然后再显示的iPhone。

由于你拥有所有字母和数百帧，这个过程太慢了。

如果您在iPhone上测试http://www.spritely.net，您会看到鸟儿正在逐帧加载（这是3帧），最后一切正常，因为Safari拥有所有帧。

我的猜测是你需要减少智能手机的帧数和动画数量，因为它们没有那么多内存。

Answer 2

所以这是一个需要克服的棘手情况，但这是我们的确切运作。我们发现由于精灵的数量，它与iphone没有性能相关的问题，发生的事情是浏览器由于加载和同时动画图像而崩溃。

因此，要阻止这种情况发生，我们必须使用jQuery插件预加载我们的图像，这显然效果不佳。

最后，我们编写了一个自定义函数来将图像写入DOM，然后<img onload="customFunction" />通过jQuery .css()函数将其附加到div。

虽然正在进行此图像加载，但我们使用预加载（加载）屏幕来通知用户发生了某些事情。

我希望这可以帮助将来有类似问题的人。