Если вы хотите, чтобы ваши изображения изящно загружались на ваш веб-сайт, вам нужно будет проверить эти замечательные плагины jQuery Preload Image, которые мы собрали для сегодняшнего поста. Наслаждайтесь!
Похожие сообщения:
- Предварительная загрузка внешних изображений jQuery
- jQuery Preload CSS изображения
- 10 плагинов и скриптов jQuery Image Cache
Обновление 21/06/2013: добавлены PreloadJS, ImageLoader, PxLoader, UXResponsiveWebAppLoader.
Обновление 21/06/2013: сделал учебник о том, как предварительно загрузить изображения вашего веб-приложения .
PreloadJS
Библиотека Javascript, которая позволяет вам управлять и координировать загрузку ресурсов.
Source + Demo Tutorial
ImageLoader
ПЛАГИН JQUERY ДЛЯ РАЗВИТИЯ ИЗОБРАЖЕНИЙ.
Источник + Демо
PxLoader
Предварительный загрузчик JavaScript для приложений HTML5.
Источник + Демо
UXResponsiveWebAppLoader
Отзывчивый Web-подобный Preloader с использованием jQuery и CSS3.
Источник + Демо
Оригинал 10!
1. jQuery Image Loader Плагин
Этот плагин упрощает процесс загрузки изображений. Он легко наносится на обертки, поэтому загружает все изображения внутри него. Его основная цель — помочь веб-разработчикам и дизайнерам улучшить их пользовательские интерфейсы.
Исходный Демо
2. QueryLoader2
Предварительно загрузите ваше изображение с легкостью.
Исходный Демо
3. Умный Preloader
Небольшой плагин предварительной загрузки изображений jQuery, который поможет вам предварительно загрузить все необходимые изображения.
Исходный Демо
4. Предварительная загрузка изображений с помощью jQuery Preload Plugin
Этот плагин также может быть полезен, когда вы хотите добавить больше изображений на страницу с помощью вызова ajax.
Источник + Демо
5. Плагин jQuery Cycle
Плагин слайд-шоу, который поддерживает множество различных типов эффектов перехода. Он поддерживает паузу при наведении, автоматическую остановку, автоматическую подгонку, обратные вызовы до / после, триггеры нажатия и многое другое.
Источник + Демо
6. Ленивая загрузка изображений плагин jQuery
Это задерживает загрузку изображений в (длинные) страницы. Изображения ниже сгиба (далеко внизу страницы) не будут загружаться перед прокруткой пользователя вниз. Это полная противоположность предварительной загрузке изображения. С длинными страницами, содержащими тяжелое изображение, конечный пользователь получает тот же результат
Исходный Демо
7. jPreLoader
Это плагин jQuery для создания экрана предварительной загрузки, чтобы предварительно загрузить все изображения на веб-сайте и прикрепленный с настраиваемой заставкой.
Исходный Демо
8. Кэширование изображений с помощью индикаторов прогресса JavaScript и HTML5
Этот загрузчик сообщает пользователю, сколько времени потребуется для загрузки и отображения страницы. Если загрузка этой страницы занимает много времени, загрузчик не позволит пользователям думать, что страница загружается неправильно, и переместится в другое место.
Исходный Демо
9. JQuery Image Cache Плагин
Кэшируйте изображения в локальном хранилище браузера.
Исходный Демо