텔

홈페이지 전체적으로 로딩 넣기

· 2011-02-18 (금) 11:44:31 · 5340 · 8
head_sub.php에 삽입
 
// body 윗부분
<!-- 로딩 메시지 소스 -->
<script type="text/javascript">
function loading(){
  document.getElementById('loading_mess').style.visibility = "hidden";
}
</script>


// body  추가
 onload="loading()"


// body 밑부분
<div id="loading_mess" style="position:absolute; left:45%; top:45%; z-index:999; visibility:visible;">
로딩 중입니다.
</div>


로딩 많이 걸리는 페이지가 있는데.... 그냥 뿌리기 머해서 짜봤습니다.
|

댓글 8개

이렇게 하면 로딩이 다 된 상태에서 넘어 가는 건가요 ?
아니면 단지 이미지만 보여 주는 것인가요 ?
흠.. 사이트 로딩에서는 이방법이 안뜹니다.
단지 페이지 로딩시 먼저 "로딩 메시지"를 뜨우고 body가 onload<전체페이지 로드 완료>시 로딩 페이지를 hidden으로 감추는것입니다.
따라서 해보니깐 요 게시판 글읽기 들어가면 게속 "로딩중입니다" 라고 나오는데 왜 그럴가요?
게시판에서는 문제가 되더라구요.
게시판에서 계속 로딩 중이신분은 다음 소스를 사용 바랍니다.

head_sub.php파일의 body 윗부분에 다음과 같은 소스로 대처 바랍니다.
<?if($bo_table == ""){//게시판 무한 로등으로 로딩 제외?>
<!-- 로딩 메시지 소스 -->
<script type="text/javascript">
function loading(){
document.getElementById('loading_mess').style.visibility = "hidden";
}
</script>
<div id="loading_mess" style="position:absolute; left:45%; top:45%; z-index:999; visibility:visible;">로딩 메세지&이미지</div>
<?}?>
간단히 해결됐네요..감사합니다
좋은팁 잘 활용하겠습니다. 고맙습니다
댓글을 작성하시려면 로그인이 필요합니다.

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
11-03-06 조회 1.1만
11-03-04 조회 7,122
11-03-03 조회 4,986
11-03-03 조회 5,559
11-02-28 조회 5,673
11-02-25 조회 4,618
11-02-22 조회 6,776
11-02-22 조회 4,736
11-02-19 조회 5,590
11-02-18 조회 5,341
11-02-18 조회 4,151
11-02-16 조회 4,302
11-02-16 조회 4,719
11-02-15 조회 8,013
11-02-15 조회 4,171
11-02-15 조회 9,636
11-02-14 조회 7,394
11-02-13 조회 6,814
11-02-10 조회 5,281
11-02-09 조회 3,832