Чтобы избежать задержек при загрузке изображений в первый раз, имеет смысл предварительно загружать и кэшировать их. Ниже приведены некоторые из плагинов jQuery Image Cache / Preloading, которые помогут вам загрузить и определить, когда загружены изображения. Наслаждайтесь!
Похожие сообщения:
1. jquery-cacheimage
Простой плагин jQuery для предварительного кэширования изображений. Плагин может быть использован для устранения вспышек нестандартного содержимого (FOUC) и улучшения воспринимаемого времени загрузки страницы. Предоставляются обратные вызовы для событий загрузки, ошибок и прерывания.
2. JQuery Image Cache Plugin — Кэширование изображений в локальном хранилище браузера
Функции:
> Достаточно квоты (обычно 5 МБ, зависит от браузера)
> Данные распределяются между вкладками и окнами (Session Storage не делает этого)
> Повышенная безопасность (без обмена данными между доменами)
> Простота в использовании (пары ключ / значение)
3. jquery добавить изображение в кеш браузера
Вот как вы можете предварительно загрузить изображения с помощью jQuery для добавления изображений в кеш браузера (как часть скрытого элемента DOM div).
4. jQuery Image preloader с обратным вызовом
Предзагрузчик изображений с механизмом обратного вызова, позволяющим уведомлять о завершении загрузки изображений.
5. Кэширование изображений с помощью JavaScript и HTML5.
Этот загрузчик сообщает пользователю, сколько времени потребуется для загрузки и отображения страницы.
6. Предварительная загрузка изображений с помощью jQuery
Сценарий выполняет итерацию по каждому правилу в каждой таблице стилей, прикрепленной к текущей странице, и, если значение правила содержит URL-адрес изображения, оно загружает изображение, таким образом обеспечивая его доступность в кэше при использовании в документе.
7. Предварительная загрузка jQuery CSS изображений
Этот скрипт представляет собой небольшой плагин jQuery, который кэширует все изображения, на которые есть ссылки в связанных / импортированных файлах CSS (он выполняет итерацию по каждому правилу в каждой прикрепленной таблице стилей и, если значение правила содержит URL-адрес изображения, загружает изображение, таким образом обеспечивая его доступность в кэше. при использовании в документе.
8. Самый простой способ предварительно загрузить изображения с помощью jQuery
Зачем использовать длинные скрипты и плагины jQuery для достижения того, что можно сделать всего за одну строку кода.
9. JQuery Image Preload плагин
Плагин jQuery imgpreload позволяет предварительно загружать изображения до и / или после загрузки dom.
10. jPreLoader
Создайте загрузочный экран для предварительной загрузки изображений и контента для веб-сайта с помощью jQuery. Во время загрузки отображается заставка.