resloader
Overview
A image preloaded plugin and can display the loaded image progress bar
Install
Install resloader
npm install resloaderImport resloader
ES6/commonjs import style is supported.
// ES6
import resloader from 'resloader';
// commonjs
var resloader = require("resloader");or link as a script in an html file.
<script src="dist/resloader.js"></script>Usage
// imageData expected a JSON
// url is required
let imageData = [{
name: images1,
url: imageUrl
},{
name: images1,
url: imageUrl
},{
name: images1,
url: imageUrl
}，{
name: audio,
url: audioUrl
}]
// or imageData can be an Array
let imageData = [imageUrl, imageUrl, imageUrl, audioUrl]
const options = {
resources: imageData, //imageData expected a JSON or Array
onStart: function(total) {
console.log('onStart:' + total)
},
onProgress: function(currentIndex, total) {
console.log('onProgress:' + currentIndex + '/' + total)
},
onComplete: function(total,result) {
console.log('onComplete:' + total)
console.log(result)
}
}
resloader(options);options
| Option | Description | default | type | Function Params Description |
|---|---|---|---|---|
| resources | preload images/audio data | - | JSON, Array | - |
| onStart | callback when preload on started | - | Function | total: preload images total |
| onProgress | callback when preload on loading | - | Function | currentIndex：loaded images number total：preload images total |
| onComplete | callback when preload on complete | - | Function | total: preload images total result: preload images data(the same as resources) |
LICENSE
MIT@chenyinkai