峰间的云|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
var $ = jQuery // indicator for preloading percentage var $indicator = $('#loadingInner') var preload var manifest = [ { src: '/img/magic.jpg', id: 'magic' }, { src: '/img/snow.png', id: 'snow' } ] // start preloading function startPreload () { preload = new createjs.LoadQueue(true) preload.on('fileload', handleFileLoad) preload.on('progress', handleFileProgress) preload.on('complete', loadComplete) preload.on('error', loadError) preload.loadManifest(manifest) } // handle single file function handleFileLoad (event) { console.log('File type: ' + event.item.type) /* if(event.item.id == 'magic'){ console.log('majic picture has been loaded!'); }; if(event.item.id == 'photo') { console.log('photo picture has been loaded!') } */ } // handle preloading error function loadError (evt) { // console.log('There is something wrong!',evt.text); } // handle preloading process function handleFileProgress (event) { var percentage = preload.progress * 100 | 0 $indicator.css({ width: percentage + '%' }) } // handle preloading success function loadComplete (event) { // console.log('All resources have been loaded!'); setTimeout(function () { $('#page0').slideUp(600) }, 300) // console.log('Hello world!'); } // invoke the method startPreload() |
Use of PreloadJS
未经允许不得转载：峰间的云 » Use of PreloadJS
Yakima 2个月前 (03-26)说：
dna049 2个月前 (03-22)说：
Mai1me 6个月前 (11-23)说：
Shirley 1年前 (2019-04-25)说：
jason 2年前 (2018-09-29)说：
现在不从事专业的工作了？看你好像要跳进前端的坑了
对啊，已经转行做前端了。