먼저 로딩이미지는 아래주소로 가시면 팁이 있습니다.

http:///385406

 

만드신 로딩이미지는 서버에 업로드 하시고

 

페이지 body 바로 아래 XE기준으로는 레이아웃 상단에 아래의 소스를 넣습니다.

(참고로 jquery 사용하실때는 기본 jquery 코어 파일은 불러와야합니다.)

 

<script type="text/javascript">
jQuery(function($){
    $(window).load(function(){
      $('#loadingBar').css('display','none');
      $('#loadingBg').css('display','none');
    });
});
</script>

 

 

ID값은 맞춰주세요.

 

CSS는 아래와 같이해주세요.

#loadingBar{position:fixed;top:50%;left:50%;width:200px;height:200px;margin:-50px 0 0 -100px;text-align:center;z-index:99}
#loadingBar .title{display:block;padding:10px;10px 0 10px;overflow:hidden}
#loadingBg{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;overflow:hidden;z-index:98}