jquery 로딩 이미지 코드

var loadingTemplate="";

loadingTemplate+="<div id='loader-site' class='dark' style='display:none; z-index:99; position:fixed; top:0; left:0; width:100%; height:100%;'> ";

loadingTemplate+=" <div class='dark' style='position:absolute; top:50%; left:50%; margin:-50% 0 0 -50px; width:100px; height:100px; background:rgba(0,0,0,0.3); border-radius:10px;'> ";

loadingTemplate+=" <img src='<c:url value='loading.gif'/>' style='margin-top:-15%; width:100px;' />";

loadingTemplate+=" </div>

loadingTemplate+="<iframe style='position:absolute; top:0; left:0; width:100%; height:100%; border:0 none; z-index:-1;'></iframe> ";

loadingTemplate+="</div>";

loadingTmpl = $(loadingTemplate).appendTo(document.body).hide();

$(window)

.ajaxStart(function(){

loadingTmpl.show();

})

.ajaxError(function(){

loadingTmpl.hide();

})

.ajaxStop(function(){

loadingTmpl.hide();

})

.ajaxComplete(function(){

loadingTmpl.hide();

});