JavaScript Tips

페이지로딩 시 로딩이미지 노출

참고 :

https://www.bada-ie.com/board/view/?page=1&uid=1261&category_code=28&code=all&key=&keyfield=

 

1. progressbar 요소 작성 

<body>
    <div id="loading">
        <img SRC="https://img1.daumcdn.net/thumb/R1920x0/?fname=http%3A%2F%2Fcfile1.uf.tistory.com%2Fimage%2F9950163C5AFE32810A7310">    
    </div>

    ~~~~~ contents ~~~~~~~

</body>

이미지가 다른 페이지 요소보다 먼저 로드되어야 하기 때문에

페이지 최상단에 위치해야 한다. ( body 태그 바로 밑 ) 

 

 2. 스크립트 작성

$(function(){
    $("#loading").css("visibility","hidden");
});

페이지 로드가 완료되면 로딩 이미지를 숨긴다. 

댓글

댓글 본문