웹마스터 팁

  2. Support
  3. 웹마스터 팁

로딩 100% 후 페이지 이동시키기

2004.04.30 04:10

▩윤미

예제 :: http://yoonmi.net/zboard/study/study119_1.htm

예제 페이지는 윤미쩜넷을 기본으로 합니다.
검색 결과, 로딩중 효과가 있었는데, 이는 다른 방법으로 응용한것으로, 다시 올렸습니다^^;

소스의 출처는 http://www.script.ne.kr/입니다. 기본적으로 소스중에 이미지가
저쪽 홈에 있는 것이 있으므로 묻이 닫히면 안될 수도 있으니 미리 알아서,
이미지 파일 받아서 자신의 경로로 수정하시길 바랍니다.

소스중에 수정부분은 검은색 진한 글씨의 주소 부분을자신의 홈 주소로 변경해주시면 됩니다.
메인주소로 써주셔야 합니다. 인덱스에 저걸 해주시구요^^;

========================================
<head> </head> 사이에 소스를 삽입하세요.
========================================


<script language=javascript>
        prog_sec   = 0.5; // Prosess time
        length_bar = 300; // Bar length
        cnt_img    = 15;  // Number of image
        width_img  = length_bar/cnt_img; // width of image
        height_img = 8;                  // height of image

        var chk_cnt   = 0;
        var prog_per  = 0;
        var time_unit = (prog_sec*1000)/cnt_img;

        function progress() {
                if(chk_cnt < cnt_img) {
                        document.images["prog_img"+chk_cnt].src = "http://www.script.ne.kr/image/upload/icon/prog_bar.gif";
                        chk_cnt++;
                        
                        prog_per = Math.round((chk_cnt/cnt_img)*100);
                        if(document.all) {                 // ie4+
                                document.all.prog_num.innerHTML = prog_per + "%";
                        }
                        else if(document.getElementById) { // nn6+
                                document.getElementById("prog_num").innerHTML = prog_per + "%";
                        }
                        
                        if(chk_cnt == cnt_img) {
                                window.location.replace("http://yoonmi.net");
                        }
                        setTimeout("progress();", time_unit);
                }
        }
         </script>

========================================
<body> 안에 넣어주세요.
========================================

<body onLoad="progress();" >

========================================
<body> </body> 사이에 소스를 삽입하세요.
========================================

<script language=javascript>
        for(i=0;i<cnt_img;i++) {
                document.write("<img src=http://www.script.ne.kr/image/upload/icon/prog_bg.gif width="+width_img+" height="+height_img+" name=prog_img"+i+" border=0>");
        }
        </script>
        
        
<div id=prog_num class=small></div>

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능) [5] 나이시스 2004.05.28
왔다 갔다 이미지 스크롤 [3] 컴도미 2004.05.25
동영상을 일반 버튼으로 제어 ☺심심 2004.05.23
배너를 모자이크로 슬라이드한다! [13] ☺심심 2004.05.17
이미지 갤러리-이미지에 설명이나 이름을 같이 달아줄수 있는.. webzang 2004.05.17
클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴 ☺심심 2004.05.17
상태창에 머문시간 보여주기 [5] ☺심심 2004.05.05
특정위치에 떠있는 레이어 (슬라이딩 애드콘) - 노프레임홈에서의 문제해결 [8] 검미르 2004.05.03
접속할때마다 다른 이미지 띄우기 [8] ▩윤미 2004.04.30
그림파일없이 바꾸는 그라이데이션 배경색 [3] ▩윤미 2004.04.30
웹페이지에 테두리 두르기 [5] ▩윤미 2004.04.30
로딩 100% 후 페이지 이동시키기 [1] ▩윤미 2004.04.30
특정부분을 원클릭에 copy 또는 선택하기 [3] ▩윤미 2004.04.30
[iframe:아이프레임] 내용에 맞게 사이즈 조절하기 한번입력으로 끝.[다른방법:중복아닌듯] [45] beMax 2004.04.23
(For 초보)원클릭으로 여러프레임 컨트롤하기 [2] 쉬드 2004.04.19
자기가 살아온 시간 구하기.. 데스크탑에 나타내기 [4] kein23 2004.04.14
브라우저 버젼별 다른 페이지 보여주기 [2] Kuldahar 2004.04.13
바보같은 MS의 parseInt 버그. [4] 김관석 2004.04.09
XP계열의 방문자 컴에서 ClearType 효과 사용여부 확인 [4] YeUPy 2004.04.04
팝업공지창 2개이상 띄우기(시간제한 가능) [8] lemin 2004.03.23
태그 쓰기