在移動Safari中的屏幕外緩存圖像

Question

我有一個JavaScript圖片庫，用於在移動Safari中從屏幕外移動圖像。看起來屏幕外的圖片沒有被緩存，因爲每次滑入圖片時都需要幾秒鐘的時間才能加載它們，在這一點上它們已經到達目的地的一半。我試圖在初始頁面加載期間加載所有圖像。看起來Mobile Safari忽略或「垃圾收集」屏幕外的圖像。有沒有辦法通過CSS3（某些-webkit前綴屬性）或任何方式，以便所有圖像加載並保持加載，所以他們沒有閃爍。

謝謝！

Answer 1

如果圖庫中的圖像集有些靜態（即通過某種上傳過程管理而不是動態獲取圖像），則可以嘗試爲圖像使用HTML5脫機應用程序緩存。 This blog post describes the technique，以及iPhone緩存經常遇到的其他一些陷阱。