Кэширование большого количества изображений в приложении jQuery / HTML5

Question

Я создаю веб-приложение в jQuery / HTML5, которое будет работать в браузерах на основе Webkit на сенсорных киосках.

Существует большое (тысячи) изображений, которые использует приложение, и которые мне нужно кэшировать для каждого браузера.

Сначала я думал, что манифест кэша HTML5 будет лучшим вариантом (с тысячами URL-адресов изображений в списке), но теперь мне интересно, есть ли лучший способ? Я бы тоже рассмотрел расширения / плагины ...

Заранее спасибо!

Answer 1

Ответ

Тысячи изображений, возможно, сотни мегабайт
Это было бы за пределами 5 мегабайтного хранилища localalstorage.Вы можете создать ClientDatabase и запросить какой-то огромный объем пространства.

Ресурсы, которые я выкопал

http://dev.w3.org/html5/webdatabase/
http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/
http://creativepark.net/blog/entry/id/1191
http://ajaxian.com/archives/view-source-tutorial-sticky-notes-with-html5-and-css3

Answer 2

Мне нравится этот плагин: http://alexrabarts.github.com/jquery-cacheimage/

Вот еще один вариант: http://technosophos.com/content/precaching-images-jquery-slightly-better-way

А если вы хотите сделать предварительную загрузку: http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

РЕДАКТИРОВАТЬ: Еслитребуется автономный просмотр, кеш приложения - это путь к манифесту кеша HTML.Вот некоторые ресурсы:

http://softwareas.com/offline-apps-with-application-cache-quickstart-tips-and-deep-dive

http://www.bennadel.com/blog/1944-Experimenting-With-HTML5-s-Cache-Manifest-For-Offline-Web-Applications.htm