preloader-rg

preloader

Pure js preloader which gets files from html and css

Usage

Install via bower:

bower install preloader-rg

Initialize with:

preloader.init({
  // custom options
});

Options

Option	Type	Default	Description
filesToLoad	array	[]	You can specify which files have to be loaded. Preloader will not get files from html nor css
allowed	array	['jpg', 'jpeg', 'png', 'gif']	You can specify allowed filetypes
loadDelay	number	0	loadDelay is used for timeout function after load is completed

Events

Event	Params
beforeLoad	-
afterLoad	-
onUpdate	percent

Methods

onLoad

preloader.onLoad(function(){
  // your function called after load is completed
});

Example

Init preloader:

preloader.init({

  loadDelay: 325,

  afterLoad: function() {
    var main = document.querySelector('main');
    main.className = 'loaded';
  },

  onUpdate: function(percent) {
    var line = document.querySelector('.preloader');
    line.style.width = percent + '%';
  }

});

Use methods (wherever you want)

preloader.onLoad(function() {
  alert('Loaded');
  // some function
});