-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (41 loc) · 1.21 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="progress"></div>
<div id="image"></div>
</body>
<script src="bower_components/PreloadJS/lib/preloadjs-0.6.2.min.js"></script>
<script>
var queue = new createjs.LoadQueue(false);
function handleProgress (event) {
var progress = (event.progress * 100) + '%';
document.getElementById('progress').innerHTML = progress;
}
function handleComplete (argument) {
console.log("all finished");
}
function handleFileLoad(event) {
document.getElementById('image').appendChild(event.result);
}
queue.on("fileload", handleFileLoad);
queue.on("progress", handleProgress);
queue.on("complete", handleComplete);
var coreBundle = {
manifest: [
{src: 'https://s3-ap-southeast-2.amazonaws.com/ensemblejs-assets/image1.jpeg', id:'small'},
{src: 'https://s3-ap-southeast-2.amazonaws.com/ensemblejs-assets/heavy_image.jpg', id:'huge'}
]
};
var level1Bundle = {
manifest: [
{src: 'https://s3-ap-southeast-2.amazonaws.com/ensemblejs-assets/image2.jpeg', id:'2'}
]
};
queue.loadManifest(coreBundle);
queue.loadManifest(level1Bundle);
</script>
</html>