로딩 이미지 적용 (아주 간단히)

 

<style type="text/css">
#wrap-loading { /*화면 전체를 어둡게 합니다.*/
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
/*display: none;*/
/*background: rgba(0,0,0,0.2);*/ /*not in ie */
/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');*/ /* ie */
}

.loading { /*로딩 이미지*/
position: fixed;
top: 50%;
left: 50%;
margin-left: -21px;
margin-top: -21px;
}
</style>

 

body 안에

<div id="wrap-loading" >
<img src="images/loading.gif" class="loading" style="width:50px;">
</div>

 

 

<script>
window.onload = function(){
$('#wrap-loading').hide();
}
</script>

loading.gif

0.05MB