테스트 사이트 - 개발 중인 베타 버전입니다

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

· 14년 전 · 5077 · 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 팁자료실

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