在移动Safari中的屏幕外缓存图像

Question

我有一个JavaScript图片库，用于在移动Safari中从屏幕外移动图像。看起来屏幕外的图片没有被缓存，因为每次滑入图片时都需要几秒钟的时间才能加载它们，在这一点上它们已经到达目的地的一半。我试图在初始页面加载期间加载所有图像。看起来Mobile Safari忽略或“垃圾收集”屏幕外的图像。有没有办法通过CSS3（某些-webkit前缀属性）或任何方式，以便所有图像加载并保持加载，所以他们没有闪烁。

谢谢！

Answer 1

如果图库中的图像集有些静态（即通过某种上传过程管理而不是动态获取图像），则可以尝试为图像使用HTML5脱机应用程序缓存。 This blog post describes the technique，以及iPhone缓存经常遇到的其他一些陷阱。