728x90
728x90
로딩페이지가 필요한 이유
페이지가 로딩할 때 이미지들이 다운되는게 보여지기때문에 홈페이지의 오류처럼 받아들일 수 있다.
이런경우에 하얀여백이나 로딩애니메이션을 넣어서 대응이 가능하다.
HTML
<div class="loading"></div>
JS
<script>
$(window).on("load",function () {
$(".loading").fadeOut();
});
</script>
CSS
/*******************************************************************
* loading --- common
********************************************************************/
.loading{
width:100%;
height:100%;
position:fixed;
left:0px;
top:0px;
background:#fff;
z-index:100000000;
}
반응형
'Code > Html' 카테고리의 다른 글
더미(샘플) 이미지를 간단하게 사용하기 (0) | 2022.11.07 |
---|---|
익스플로러(IE)로 접속 시 엣지(edge)로 리다이렉팅 시키기 (0) | 2022.10.31 |
onclick으로 링크걸기 (0) | 2022.10.14 |
스크롤바 안보이게 숨김 (0) | 2022.10.14 |
<a> 태그로 이메일보내기 (0) | 2022.09.28 |