1.0.0 • Published 9 years ago
preloader-rg v1.0.0
preloader
Pure js preloader which gets files from html and css
Usage
Install via bower:
bower install preloader-rgInitialize 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
});1.0.0
9 years ago