🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Preloader.js is a super tiny jQuery plugin used to generate a customizable, CSS3 based loading indicator for content loader or preloader.

loading-spinner loading-indicator

Documentation

core-themes/jquery-preloader

jQuery preloader plugin

Summary

Installation

Bower

$ bower install core-themes-jquery-preloader --save 

Dependencies

Installed via bower file

"dependencies": {     "jquery": "^3.1.0" } 

Usage

<!-- Include after jQuery file --> <script src="jquery.preloader.min.js" type="text/javascript"></script>

Basic usage

$(window).preloader();

Usage with options

$(window).preloader({     option: 'value' });

Events usage

// Before event $(window).on('preloader:before', function(){  }); // After event $(window).on('preloader:after', function(){  });

Options

Option Type Default Description
selector string '#preloader' Preloader container selector
type string 'document' Type of pre-loading method
removeType string 'fade' Method of removing preloader container
fadeDuration int 750 Preloader fadeout time
delay int 0 Preloader remove delay after page is loaded

Events

Event Params Description
preloader:before event Before preloader run event
preloader:after event After preloader remove event

You May Also Like