웹마스터 팁
로딩 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>
예제 페이지는 윤미쩜넷을 기본으로 합니다.
검색 결과, 로딩중 효과가 있었는데, 이는 다른 방법으로 응용한것으로, 다시 올렸습니다^^;
소스의 출처는 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>
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 1.2.0 설치 후 페이지모듈에 위젯사용시 문제 [2] | Digitalife | 2009.03.17 |
| 관리자 페이지 (module=admin) 백지 문제 [5] | 개돌 | 2009.03.17 |
외부페이지 또는 파일링크시 글자깨짐 현상
[1]
 | 소백산 | 2009.01.31 |
| 페이지 모듈에도 게시판제목 처럼 다는 쉬운방법... [2] | 만쓰별(정만) | 2009.01.23 |
| 1.1.5 이후 버전 업데이트후 외부페이지에서 다음위젯이 표시안될때~ [3] | 정박사닷컴 | 2009.01.23 |
| 메인 페이지가 백지로 나올 때 이렇게 해보세요. [4] | 시금치 | 2008.12.23 |
|
자신의 홈페이지에 플래시 오락실을 등록 해보자.
[2]
| 조성우371 | 2008.12.20 |
| 서브홈페이지 만들기 [5] | 가리사니 | 2008.12.09 |
| 홈페이지의 아이콘(favicon)이 어느날 갑자기 사라졌을때... [1] | 크르르 | 2008.11.28 |
|
[설문조사] 메인페이지에 넣기와 효율적으로 관리하기
[6]
| 빨간발 | 2008.11.27 |
| 일반 페이지에 로그인(세션) 정보 활용하기 [13] | noirzo | 2008.11.07 |
| cafe24사용자중 페이지에서 위젯편집시 자바스크립트 에러나시는 분들 [8] | 팔공산 | 2008.10.17 |
| 주소록 구현 (외부 페이지) [17] | CSLab | 2008.09.15 |
| 블로그, 홈페이지 가입시 자동 입력되는 http:// 없애기 [2] | 류영무 | 2008.09.09 |
| 동일서버내 페이지에서 로그인정보 활용하기... [4] | 수로 | 2008.09.06 |
| [우클릭 및 드레그 방지법] 및 [방지된 홈페이지 해재법] >0< [7] | 이홍석295 | 2008.09.03 |
| 각 리스트형 위젯에 페이지 기능을 달자. [10] | 라르게덴 | 2008.09.02 |
|
밑에 페이지 네비게이션 수정 (다음10개, 이전10개등으로)
[6]
| Clanss | 2008.08.29 |
| 한 페이지(화면)에 두개(2개)의 모듈(게시판 등)을 넣는 법 [6] | 황건순 | 2008.08.25 |
| [팁]페이지별 댓글 출력 초간단 팁.. [4] | 키티나 | 2008.07.04 |
퍼센트 숫자로 나오는거 없앨려면
<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 + "%";
//}
//lse 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);
setTimeout("progress();");
}
}
</script>
이걸로 대신넣어주시면 됩니다.