10+ jQuery Preload Image Plugins
If you want your images loaded gracefully on your website, then you will have to check out these great jQuery Preload Image Plugins that we have collected for today’s post. Enjoy!
Related Posts:
- jQuery Preloading External Images
- jQuery Preload CSS Images
- 10 jQuery Image Cache Plugins and Scripts
Update 21/06/2013: Added PreloadJS, ImageLoader, PxLoader, UXResponsiveWebAppLoader.
Update 21/06/2013: Did a tutorial on how to preload your web app images.
PreloadJS
A Javascript library that lets you manage and co-ordinate the loading of assets.
Source + Demo Tutorial
ImageLoader
A JQUERY PLUGIN FOR PRELOADING IMAGES.
Source + Demo
PxLoader
A JavaScript Preloader for HTML5 Apps.
Source + Demo
UXResponsiveWebAppLoader
Responsive Webapp-like Preloader using jQuery and CSS3.
Source + Demo
The original 10!
1. jQuery Image Loader Plugin
This plugin simplifies the process of loading images. It is easily applied to wrappers so that it will load all of the images within it. Its main purpose is to assist web developers and designers in improving their user interfaces.
SourceDemo
2. QueryLoader2
Preload your image with ease.
SourceDemo
3. Smart Preloader
A small jQuery image preloading plugin that helps you preload all the required images.
SourceDemo
4. Preload Images with jQuery Preload Plugin
This plugin can also be useful when you want to add more images on the page through a ajax call.
Source + Demo
5. jQuery Cycle Plugin
A slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.
Source + Demo
6. Lazy Load Images jQuery Plugin
It delays loading of images in (long) pages. Images below the fold (far down in the page) wont be loaded before user scrolls down. This is exact opposite of image preloading. With long pages containing heavy image content end user result is the same
SourceDemo
7. jPreLoader
Is a jQuery plugin to create preloading screen to preload all the images in website and attached with customizable splash screen.
SourceDemo
8. Caching Images With JavaScript and HTML5 progress Bars
This loader tells the user how long it will take for the page to load and display. If this page takes a long time to load, a loader will prevent users from thinking the page is not loading properly and go someplace else.
SourceDemo
9. jQuery Image Cache Plugin
