로딩시 이미지 보여주기

홈페이지 제작자료실

로딩시 이미지 보여주기

<style type="text/css">
#loading {
 width: 100%; 
 height: 100%; 
 top: 0px;
 left: 0px;
 position: fixed; 
 display: block; 
 opacity: 0.7; 
 background-color: #fff; 
 z-index: 99; 
 text-align: center; } 
 
#loading-image { 
 position: absolute; 
 top: 100px;  <-- 이부분과
 left: 240px;  <-- 이부분을 50% 로 하면 화면 정 가운데에 로딩 이미지가 나타난다
 z-index: 100; }
</style>

<div id="loading"><img id="loading-image" src="/imgs/ajax-loader.gif" alt="Loading..." /></div>
<div>
 <img src = "/imgs/sample/cutyDog.jpg">
</div>

<script language="javascript" type="text/javascript"> 
$(window).load(function() {   
 $('#loading').hide(); 
});
</script>  

이 게시글에 달린 댓글 총 0

상담문의 알림

 +1 관리자 스킨 문의
닏네임 10.12 03:00
 +2 홍보 페이지 문의
이동훈 09.30 18:44
 +1 사이트 제작문의.
김상훈 09.20 19:44
폼메일보내기

빠른문의

폼메일보내기

메일상담

통계

  • 오늘 방문자 26명
  • 어제 방문자 56명
  • 최대 방문자 42,425명
  • 전체 방문자 768,175명
  • 전체 게시물 268개
  • 전체 댓글수 248개