nakajmg/preloadjs.html

## preloadjs.html
<html>
<head>
    <title>PreloadJS</title>
</head>
<body>
	<h2>PreloadJS!!</h2>
	<h3 id="state"></h3>
	<div id="images"></div>

	<script src="./preloadjs-0.3.0.min.js"></script>
	<script>

	function init(){

		var manifest = [
			{src: "d.png", id:"file1"},
			{src: "vs.gif", id:"file2"},
			{src: "go.png", id:"file3"}
		];

		var loader = new createjs.LoadQueue(false);
		loader.addEventListener('fileload',handleFileLoad);
		loader.addEventListener('complete',handleComplete);
		loader.addEventListener('progress',handleProgress);
		loader.loadManifest(manifest,false);
		loader.load();

		function handleFileLoad(event){
			var image = event.result;
			var item = event.item;
			console.log("type:"+item.type + " ext:"+item.ext);
			document.getElementById('images').appendChild(image);
		}

		function handleProgress(){
			document.getElementById('state').innerText = "loading...";
		}

		function handleComplete(){
			document.getElementById('state').innerText = "complete!!";

            // var mleng = manifest.length;
			// for(var i = 0; i < mleng; i++){
			// var id = manifest[i].id;
			// var file = loader.getResult(id);
			// document.getElementById('images').appendChild(file);
		//}

	}
	window.onload = function(){
		init();
	}
	</script>
</body>
</html>
	<html>
	<head>
	<title>PreloadJS</title>
	</head>
	<body>
	<h2>PreloadJS!!</h2>
	<h3 id="state"></h3>
	<div id="images"></div>

	<script src="./preloadjs-0.3.0.min.js"></script>
	<script>

	function init(){

	var manifest = [
	{src: "d.png", id:"file1"},
	{src: "vs.gif", id:"file2"},
	{src: "go.png", id:"file3"}
	];

	var loader = new createjs.LoadQueue(false);
	loader.addEventListener('fileload',handleFileLoad);
	loader.addEventListener('complete',handleComplete);
	loader.addEventListener('progress',handleProgress);
	loader.loadManifest(manifest,false);
	loader.load();

	function handleFileLoad(event){
	var image = event.result;
	var item = event.item;
	console.log("type:"+item.type + " ext:"+item.ext);
	document.getElementById('images').appendChild(image);
	}

	function handleProgress(){
	document.getElementById('state').innerText = "loading...";
	}

	function handleComplete(){
	document.getElementById('state').innerText = "complete!!";

	// var mleng = manifest.length;
	// for(var i = 0; i < mleng; i++){
	// var id = manifest[i].id;
	// var file = loader.getResult(id);
	// document.getElementById('images').appendChild(file);
	//}

	}
	window.onload = function(){
	init();
	}
	</script>
	</body>
	</html>