nPageLoader : jQuery Preloader Plugin

/**  * @PluginName	jquery.nPageLoader.js  * @Requires	jQuery v1.0.4 ~ v1.10.2  * @Author		nonoll ( http://usefl.co.kr - hyunkwan Roh )  * @Version		1.0.0  * @Date		2014.01.22  */

// 실행 $.nPageLoader.init();  // 이벤트 체크 $.nPageLoader.addEventListener( "event", listener ); /*   event > "progress"               event       : 이벤트 타입               byteLoaded  : 로드된 byte               byteTotal   : 로드할 총 byte               percent     : 로드된 퍼센트         > "complete"               event       : 이벤트 타입               percent     : 로드된 퍼센트 */

var pageLoader = $.nPageLoader; pageLoader.init({ 	// 속도체크용 이미지 url 	url : "http://www.google.com/images/srpr/nav_logo14.png", 	// 속도체크용 이미지 용량 kb 	urlSize : 28.6, 	// 실제 문서 예상 용량 kb 	size : 155, 	// console log 	log : true }); pageLoader.addEventListener( "progress", onProgress ); pageLoader.addEventListener( "complete", onComplete );  function onProgress( e ){ 	$("#pageLoader_status").html(e.percent + "%"); 	$("#pageLoader_bar").width(e.percent + "%"); }  function onComplete( e ){ 	$("#pageLoader_status").html(e.event); 	$("#pageLoader_bar").css("background-color","blue"); }

$.nPageLoader.defaults = { 		// 속도체크용 이미지 url 		url: "http://www.google.com/images/srpr/nav_logo14.png", 		// 속도체크용 이미지 용량 kb 		urlSize: 28.6, 		// 실제 문서 예상 용량 kb 		size: 155, 		// kb 단위 사용 		kb: true, 		// 캐시 사용 		noCache: true, 		// console log 		log: false 	};