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
셰익스피어는 그의 작품 대부분을 빵과 버터와 생활 경비를 얻기 위해 썼다. 처음부터 위대한 일을 계획하고 노력한 끝에 위대한 업적을 남긴 사람도 있지만, 사람의 일이란 늘 생활과 연결되는 법이다. (굴드)