웹마스터 팁
로딩 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
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 홈페이지에 BGM달기 [1] | SHIN군 | 2010.01.18 |
| 초보팁] 외부페이지에서 가져올 시 새창 띄우기 안되는거 수정하기(자바) [1] | 파라테일 | 2009.12.10 |
웹페이지 메시지 만들기 [초보자대응]
[6]
 | cabnb | 2009.12.09 |
| 제로보드 XE - 1.3.x 설치부터 기본 홈페이지 만들기 | 스타호스트 | 2009.12.05 |
| -추가- 당신의 XE 기반 홈페이지를 훅가게 하는 방법 4가지 [26] | 老姜君 | 2009.10.08 |
| 위젯에서 페이지 기능 활용 팁 [3] | 라르게덴 | 2009.10.05 |
| 페이지 작성 시 팁. 꼬꼬마 초보만 오세요. 배치 문제.. [7] | 연필깎는까치 | 2009.08.20 |
|
RSS를 활용한 HelloMaster 홈페이지 새글 알리미 설정하기
[3]
| 퍼니온 | 2009.08.16 |
|
홈페이지 헤더부분에 display.handler.class.php 오류발생시 급해결방법
[3]
| 극마 | 2009.08.09 |
|
페이지 제일 위로 바로가는 Top 버튼
[5]
| 개돌 | 2009.06.26 |
| 로그인 후 그룹별로 다른 페이지로 가기 - 업데이트판 v1.5 [19] | 무대포2 | 2009.06.24 |
| 로그인 페이지 만드는 방법 [5] | 산토 | 2009.06.12 |
| 별도 페이지 로그인방법 | cornet | 2009.05.21 |
|
XE 위키에 최근 접속 페이지 정보 출력
| 개돌 | 2009.04.27 |
| 다양한 언어로 홈페이지 서비스하기 - 무식한 방법 [4] | 멀리서 | 2009.04.21 |
| 홈페이지 타이틀이 $user_lang->home ,freeboard등으로 나오는 문제 수정방법(자체해결) [1] | 정박사닷컴 | 2009.04.18 |
|
페이지 및 게시판 메뉴 경로
[2]
| 자반튀김 | 2009.04.15 |
| 홈페이지 접속 속도에 미치는 에드온. [2] | jih449 | 2009.03.27 |
|
게시판을 활용한 페이지 생성 및 관리 아이디어...(참고)
[5]
| 빨간발 | 2009.03.27 |
| 페이지모듈에서 내용직접추가할때 "본문내이미지조절" 애드온 적용하기 [5] | 왜만지냐 | 2009.03.19 |