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
함께 우는 것처럼 사람의 마음을 맺어 주는 것은 없다. (루소)