Html & Script

프레임을 이용한 프리로딩페이지 구현

페이지 정보

본문

아래에 이미지 버튼을 올린뒤로 꽤 많은 의견중에 하나가 바뀌는 모습이 보여서 어색하다...라고 하시길래 꽁수로 프리로딩 페이지라는 것을 생각해냈습니다. 예전에 인터넷이 지금과 같이 빠르지 않던 시절에 꽤 많이 사용했던 것 중 하나죠. 좀 더 간편하게 구현할 수 없을까하여 프레임으로 구현해봤습니다. 여러가지 처리를 위해 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();">
와 같이 사용하시면 됩니다.

관련자료

등록된 댓글이 없습니다.
Today's proverb
“힘내라구.” 밤에 헤어질 때, 아주 좋은 이야기를 나누었을 때든지 아무 관련 없이 로댕은 곧잘 내게 이렇게 말하는 것이었습니다. 그는 알고 있었던 겁니다. 젊었을 때, 이 말이 날마다 얼마나 필요한 것인가를. (릴케)