프레임을 이용한 프리로딩페이지 구현
컨텐츠 정보
- 20,691 조회
- 6 추천
- 목록
본문
아래에 이미지 버튼을 올린뒤로 꽤 많은 의견중에 하나가 바뀌는 모습이 보여서 어색하다...라고 하시길래 꽁수로 프리로딩 페이지라는 것을 생각해냈습니다. 예전에 인터넷이 지금과 같이 빠르지 않던 시절에 꽤 많이 사용했던 것 중 하나죠. 좀 더 간편하게 구현할 수 없을까하여 프레임으로 구현해봤습니다. 여러가지 처리를 위해 hidden 프레임을 두는 페이지를 선호하는 편이라 어차피 쓸 hidden 프레임이라 프리로딩으로 활용해봤습니다.
자세한 것은 링크를 보시면 이해하실 것 같습니다.
<html>
<head>
<title>로딩중...</title>
<script>
function showMain () {
var obj = document.getElementById('frameSet');
obj.rows = '0,100%';
}
</script>
</head>
<frameset rows="100%,0" border="0" id="frameSet">
<frame src="loading.html" name="hidden" noresize>
<frame src="main.html" name="main" noresize>
</frameset>
</html>
loading.html 은 프리로딩 페이지
main.html 에서
<body onLoad="parent.showMain();">
와 같이 사용하시면 됩니다.
자세한 것은 링크를 보시면 이해하실 것 같습니다.
<html>
<head>
<title>로딩중...</title>
<script>
function showMain () {
var obj = document.getElementById('frameSet');
obj.rows = '0,100%';
}
</script>
</head>
<frameset rows="100%,0" border="0" id="frameSet">
<frame src="loading.html" name="hidden" noresize>
<frame src="main.html" name="main" noresize>
</frameset>
</html>
loading.html 은 프리로딩 페이지
main.html 에서
<body onLoad="parent.showMain();">
와 같이 사용하시면 됩니다.
관련자료
-
링크
댓글 0
등록된 댓글이 없습니다.
