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
유쾌한 사람은 자기 일에만 몰두하는 사람이 아니다. 때론 자신의 일을 전부 제쳐놓고 타인의 문제에 전력을 쏟는 열정이 있는 사람이다. 타인에게 자신의 힘을 나누어주고 마음을 열어주는 것은 자신의 삶을 행복하게 만드는 방법이다.