Easy to Use
Dark and Light Color Schemes
8 Pre-Built Preloaders
Designed with CSS making them easy to edit and retina-ready.
Preload all the images and iframes on your web page by adding a simple data-attribute to your images.
Advanced Preloading for Developers
Add the preloader to an image-based component such as a slider or gallery.
Preload images, iframes, scripts, stylesheets, html, xml and php files.
Core script allows you to return a preload percentage which can be used any way you want, such as building your own custom percentage-based preloader.
Fire a global onload callback on all items or assign individual onload callbacks to any given item.
Create multiple preloaders or reuse a single preloader and apply methods such as “reset”, “start” and “destroy”.
Preloading background images from a stylesheet is possible and doing so is covered in the preloader’s documentation, but the preloader does not preload background images from stylesheets by default.
Very large images (all over 1mb) are used in the preview to elaborate the preloading process. If the previews are slow on your connection speed, they will be much faster when used with normal sized images.
Images used in the preview are for demonstration purposes only and are not included in the download source.
The stripes in the stripe-based preloader included in the download source will not animate in IE9. And in IE8 stripes will not be shown. But in both cases, the bar will still show progress.
When the fullscreen preloaders are used on mobile, you may experience a brief “flicker” when the loading process is complete. This is due to the preloader’s fixed position nature.
Two of the preloaders use HTML5 to programmatically draw a circle around a text field. In browsers that don’t support html5 (IE8), the only the text field will be shown.
This is NOT a WordPress Plugin
This plugin DOES NOT automatically preload your entire page. If you carefully study the documentation, it’s possible to do this manually, but it is not automatic.