Статьи

10 плагинов и скриптов jQuery Image Cache

Чтобы избежать задержек при загрузке изображений в первый раз, имеет смысл предварительно загружать и кэшировать их. Ниже приведены некоторые из плагинов jQuery Image Cache / Preloading, которые помогут вам загрузить и определить, когда загружены изображения. Наслаждайтесь!

Похожие сообщения:

1. jquery-cacheimage

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


JQuery-cacheimage

Источник + Демо

2. JQuery Image Cache Plugin — Кэширование изображений в локальном хранилище браузера

Функции:
> Достаточно квоты (обычно 5 МБ, зависит от браузера)
> Данные распределяются между вкладками и окнами (Session Storage не делает этого)
> Повышенная безопасность (без обмена данными между доменами)
> Простота в использовании (пары ключ / значение)


JQuery Image Cache

Источник
демонстрация

3. jquery добавить изображение в кеш браузера

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


JQuery добавить изображение в кеш браузера

Источник + Демо

4. jQuery Image preloader с обратным вызовом

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


Предварительный загрузчик изображений jQuery с обратным вызовом

Источник + Демо

5. Кэширование изображений с помощью JavaScript и HTML5.

Этот загрузчик сообщает пользователю, сколько времени потребуется для загрузки и отображения страницы.


Кэширование изображений с помощью индикаторов прогресса JavaScript и HTML5

Источник
демонстрация

6. Предварительная загрузка изображений с помощью jQuery

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


Предварительная загрузка изображений с помощью jQuery

Источник + Демо

7. Предварительная загрузка jQuery CSS изображений

Этот скрипт представляет собой небольшой плагин jQuery, который кэширует все изображения, на которые есть ссылки в связанных / импортированных файлах CSS (он выполняет итерацию по каждому правилу в каждой прикрепленной таблице стилей и, если значение правила содержит URL-адрес изображения, загружает изображение, таким образом обеспечивая его доступность в кэше. при использовании в документе.


jQuery Preload CSS изображения

Источник + Демо

8. Самый простой способ предварительно загрузить изображения с помощью jQuery

Зачем использовать длинные скрипты и плагины jQuery для достижения того, что можно сделать всего за одну строку кода.


Самый простой способ предварительно загрузить изображения с помощью jQuery

Источник + Демо

9. JQuery Image Preload плагин

Плагин jQuery imgpreload позволяет предварительно загружать изображения до и / или после загрузки dom.


Плагин предварительной загрузки изображения jQuery

Источник + Демо

10. jPreLoader

Создайте загрузочный экран для предварительной загрузки изображений и контента для веб-сайта с помощью jQuery. Во время загрузки отображается заставка.


jPreLoader

Источник
демонстрация