자바스크립 이미지가 안뜨는 오류좀도와주세요.
다름이 아니라 자바스크립 소스를 사용해서 홈페이지매뉴를 만들려고하는데요.
나모웹에디터로 작동시키면 너무나도 작동이 잘됩니다. 이미지가 정상적으로 잘뜨구요.
그런데 이상하게 FTP에만 올리면 이미지가 안뜹니다ㅜ_ㅜ 이미지 경로도 이상해져버리고 왜이런지 도저히 모르겠습니다.
소스 첨부했습니다 ㅠ_ㅠ 좀 도와주세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>탭, 탭오버, 시간에 따라 변하는 탭(오버)</title>
<style type="text/css">
<!--
BODY { text-align: center; margin: 30px AUTO 0 AUTO; }
TD { font-family: Tahoma, "굴림", Gulim, sans-serif; font-size: 11px; line-height: 150%; font-weight: bold; text-decoration: none; }
-->
</style>
</head>
<body>
<script type="text/javascript">
var i,j;
function auto_tab(tag,tabno,no,no2,tagimg,imgstr){
eval("function autooff_"+no2+"(){clearTimeout(Auto"+no2+");}");
eval("autooff_"+no2+"();");
for(i=0;i<=tabno;i++){
overoff_img(document.getElementById(tagimg+i),imgstr);
document.getElementById(tag+i).style.display = "none";
}
overon_img(tagimg,document.getElementById(tagimg+no),imgstr,tabno);
document.getElementById(tag+no).style.display = "";
}
function autoTab_open(tag,tagimg,imgstr,tabno){
for(i=0;i<=tabno;i++){
if(i>tabno)i=0;
if(document.getElementById(tag+i).style.display == ""){
for(j=0;j<=tabno;j++){
overoff_img(document.getElementById(tagimg+j),imgstr);
document.getElementById(tag+j).style.display="none";
}
i=i+1;if(i>tabno){i=0;}
overon_img(tagimg,document.getElementById(tagimg+i),imgstr,tabno);
document.getElementById(tag+i).style.display = "";
}
}
}
function auto_mouseout(tag,tagimg,imgstr,tabno,second,no){
eval("function auto_"+no+"(){Auto"+no+" = setInterval(\"autoTab_open('"+tag+"','"+tagimg+"','"+imgstr+"',"+tabno+");\","+second*1000+");}");
eval("auto_"+no+"();");
}
function overon_img(tagimg,id,str,tabno){
var img = id.src;
var imgname = img.split(".");
id.src=imgname[0]+str+"."+imgname[1];
return true;
}
function overoff_img(id,str){
var img = id.src;
var imgname = img.split(".");
if(imgname[0].indexOf(str)){
var imagename = imgname[0].replace(str,"");
}else{
var imagename = imgname[0];
}
id.src=imagename+"."+imgname[1];
return;
}
</script>
<!-- 여백 Begin -->
<table width="500" border="0" cellspacing="0" cellpadding="0"><tr><td height="30"></td></tr></table>
<!-- 여백 End -->
<!-- 두번째 탭 Begin -->
<table border="0" cellspacing="0" cellpadding="0" style="margin:0 0 5px 0;">
<tr>
<td style="padding:0 5px 0 0;"><img src="01.jpg" id="img1_0" onmouseover="auto_tab('tab1_',2,0,1,'img1_','_1');" onmouseout="auto_mouseout('tab1_','img1_','_1',2,5,1);" style="cursor:pointer;" /></td>
<td style="padding:0 5px 0 0;"><img src="02.jpg" id="img1_1" onmouseover="auto_tab('tab1_',2,1,1,'img1_','_1');" onmouseout="auto_mouseout('tab1_','img1_','_1',2,5,1);" style="cursor:pointer;" /></td>
<td><img src="03.jpg" id="img1_2" onmouseover="auto_tab('tab1_',2,2,1,'img1_','_1');" onmouseout="auto_mouseout('tab1_','img1_','_1',2,5,1);" style="cursor:pointer;" /></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0" id="tab1_0" style="display:;">
<tr>
<td style="border:1px solid #F7F7F7; height:100px; background-color:#FDF9DB">GUIDE 4초 간격</td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0" id="tab1_1" style="display:none;">
<tr>
<td style="border:1px solid #F7F7F7; height:100px; background-color:#FFF0FF">MAGIC 4초 간격</td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0" id="tab1_2" style="display:none;">
<tr>
<td style="border:1px solid #F7F7F7; height:100px; background-color:#F5F9FE">SHARP 4초 간격</td>
</tr>
</table>
<script type="text/javascript">
<!--
auto_mouseout('tab1_','img1_','_1',2,4,1); //4초
overon_img('img1_',document.getElementById("img1_0"),'_1',2);
/*
----------------------------------------------------------------------------------------
auto_mouseout(tag,tagimg,imgstr,tabno,second,no) : 마우스 아웃시 & 자동 스크립 시작시
----------------------------------------------------------------------------------------
tag : tab_1 이면 'tab_' 을 입력, 뒤쪽의 숫자는 0부터 시작해서 순차적으로 만들어줘야 함.
tagimg : 이미지 id 값에서 숫자를 뺀 값 ex) img_1 -> img_
imgstr : 마우스 오버아웃시의 이미지 파일에 연속적으로 들어갈 이미지 파일 이름
ex) 마우스 아웃 : 01.png / 마우스 오버 : 01_1.png일때
imgstr 값은 _1
tabno : tag의 id 값의 마지막 숫자
second : 자동 작은 탭 이동 시간 (초단위)
no : 탭이 여러개일 때 이용하는 큰 탭 번호
----------------------------------------------------------------------------------------
auto_tab(tag,tabno,no,no2,tagimg,imgstr) : 마우스 오버시 쓰이는 것
----------------------------------------------------------------------------------------
tag : tab_1 이면 'tab_' 을 입력, 뒤쪽의 숫자는 0부터 시작해서 순차적으로 만들어줘야 함.
tabno : tag의 id 값의 마지막 숫자
no : 작은 탭 번호
no2 : 탭이 여러개일 때 이용하는 큰 탭 번호
tagimg : 이미지 id 값에서 숫자를 뺀 값 ex) img_1 -> img_
imgstr : 마우스 오버아웃시의 이미지 파일에 연속적으로 들어갈 이미지 파일 이름
ex) 마우스 아웃 : 01.png / 마우스 오버 : 01_1.png일때
imgstr 값은 _1
----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
overon_img(tagimg,id,str,tabno); : 마우스 오버시 쓰이는 것
----------------------------------------------------------------------------------------
tagimg : 이미지 id 값에서 숫자를 뺀 값 ex) img_1 -> img_
id : 이미지 id 값이 가장 첫번째
str : 마우스 오버아웃시의 이미지 파일에 연속적으로 들어갈 이미지 파일 이름
ex) 마우스 아웃 : 01.png / 마우스 오버 : 01_1.png일때
imgstr 값은 _1
tabno : tag의 id 값의 마지막 숫자
----------------------------------------------------------------------------------------
*/
-->
</script>
<!-- 두번째 탭 End --><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
나모웹에디터로 작동시키면 너무나도 작동이 잘됩니다. 이미지가 정상적으로 잘뜨구요.
그런데 이상하게 FTP에만 올리면 이미지가 안뜹니다ㅜ_ㅜ 이미지 경로도 이상해져버리고 왜이런지 도저히 모르겠습니다.
소스 첨부했습니다 ㅠ_ㅠ 좀 도와주세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>탭, 탭오버, 시간에 따라 변하는 탭(오버)</title>
<style type="text/css">
<!--
BODY { text-align: center; margin: 30px AUTO 0 AUTO; }
TD { font-family: Tahoma, "굴림", Gulim, sans-serif; font-size: 11px; line-height: 150%; font-weight: bold; text-decoration: none; }
-->
</style>
</head>
<body>
<script type="text/javascript">
var i,j;
function auto_tab(tag,tabno,no,no2,tagimg,imgstr){
eval("function autooff_"+no2+"(){clearTimeout(Auto"+no2+");}");
eval("autooff_"+no2+"();");
for(i=0;i<=tabno;i++){
overoff_img(document.getElementById(tagimg+i),imgstr);
document.getElementById(tag+i).style.display = "none";
}
overon_img(tagimg,document.getElementById(tagimg+no),imgstr,tabno);
document.getElementById(tag+no).style.display = "";
}
function autoTab_open(tag,tagimg,imgstr,tabno){
for(i=0;i<=tabno;i++){
if(i>tabno)i=0;
if(document.getElementById(tag+i).style.display == ""){
for(j=0;j<=tabno;j++){
overoff_img(document.getElementById(tagimg+j),imgstr);
document.getElementById(tag+j).style.display="none";
}
i=i+1;if(i>tabno){i=0;}
overon_img(tagimg,document.getElementById(tagimg+i),imgstr,tabno);
document.getElementById(tag+i).style.display = "";
}
}
}
function auto_mouseout(tag,tagimg,imgstr,tabno,second,no){
eval("function auto_"+no+"(){Auto"+no+" = setInterval(\"autoTab_open('"+tag+"','"+tagimg+"','"+imgstr+"',"+tabno+");\","+second*1000+");}");
eval("auto_"+no+"();");
}
function overon_img(tagimg,id,str,tabno){
var img = id.src;
var imgname = img.split(".");
id.src=imgname[0]+str+"."+imgname[1];
return true;
}
function overoff_img(id,str){
var img = id.src;
var imgname = img.split(".");
if(imgname[0].indexOf(str)){
var imagename = imgname[0].replace(str,"");
}else{
var imagename = imgname[0];
}
id.src=imagename+"."+imgname[1];
return;
}
</script>
<!-- 여백 Begin -->
<table width="500" border="0" cellspacing="0" cellpadding="0"><tr><td height="30"></td></tr></table>
<!-- 여백 End -->
<!-- 두번째 탭 Begin -->
<table border="0" cellspacing="0" cellpadding="0" style="margin:0 0 5px 0;">
<tr>
<td style="padding:0 5px 0 0;"><img src="01.jpg" id="img1_0" onmouseover="auto_tab('tab1_',2,0,1,'img1_','_1');" onmouseout="auto_mouseout('tab1_','img1_','_1',2,5,1);" style="cursor:pointer;" /></td>
<td style="padding:0 5px 0 0;"><img src="02.jpg" id="img1_1" onmouseover="auto_tab('tab1_',2,1,1,'img1_','_1');" onmouseout="auto_mouseout('tab1_','img1_','_1',2,5,1);" style="cursor:pointer;" /></td>
<td><img src="03.jpg" id="img1_2" onmouseover="auto_tab('tab1_',2,2,1,'img1_','_1');" onmouseout="auto_mouseout('tab1_','img1_','_1',2,5,1);" style="cursor:pointer;" /></td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0" id="tab1_0" style="display:;">
<tr>
<td style="border:1px solid #F7F7F7; height:100px; background-color:#FDF9DB">GUIDE 4초 간격</td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0" id="tab1_1" style="display:none;">
<tr>
<td style="border:1px solid #F7F7F7; height:100px; background-color:#FFF0FF">MAGIC 4초 간격</td>
</tr>
</table>
<table width="500" border="0" cellspacing="0" cellpadding="0" id="tab1_2" style="display:none;">
<tr>
<td style="border:1px solid #F7F7F7; height:100px; background-color:#F5F9FE">SHARP 4초 간격</td>
</tr>
</table>
<script type="text/javascript">
<!--
auto_mouseout('tab1_','img1_','_1',2,4,1); //4초
overon_img('img1_',document.getElementById("img1_0"),'_1',2);
/*
----------------------------------------------------------------------------------------
auto_mouseout(tag,tagimg,imgstr,tabno,second,no) : 마우스 아웃시 & 자동 스크립 시작시
----------------------------------------------------------------------------------------
tag : tab_1 이면 'tab_' 을 입력, 뒤쪽의 숫자는 0부터 시작해서 순차적으로 만들어줘야 함.
tagimg : 이미지 id 값에서 숫자를 뺀 값 ex) img_1 -> img_
imgstr : 마우스 오버아웃시의 이미지 파일에 연속적으로 들어갈 이미지 파일 이름
ex) 마우스 아웃 : 01.png / 마우스 오버 : 01_1.png일때
imgstr 값은 _1
tabno : tag의 id 값의 마지막 숫자
second : 자동 작은 탭 이동 시간 (초단위)
no : 탭이 여러개일 때 이용하는 큰 탭 번호
----------------------------------------------------------------------------------------
auto_tab(tag,tabno,no,no2,tagimg,imgstr) : 마우스 오버시 쓰이는 것
----------------------------------------------------------------------------------------
tag : tab_1 이면 'tab_' 을 입력, 뒤쪽의 숫자는 0부터 시작해서 순차적으로 만들어줘야 함.
tabno : tag의 id 값의 마지막 숫자
no : 작은 탭 번호
no2 : 탭이 여러개일 때 이용하는 큰 탭 번호
tagimg : 이미지 id 값에서 숫자를 뺀 값 ex) img_1 -> img_
imgstr : 마우스 오버아웃시의 이미지 파일에 연속적으로 들어갈 이미지 파일 이름
ex) 마우스 아웃 : 01.png / 마우스 오버 : 01_1.png일때
imgstr 값은 _1
----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
overon_img(tagimg,id,str,tabno); : 마우스 오버시 쓰이는 것
----------------------------------------------------------------------------------------
tagimg : 이미지 id 값에서 숫자를 뺀 값 ex) img_1 -> img_
id : 이미지 id 값이 가장 첫번째
str : 마우스 오버아웃시의 이미지 파일에 연속적으로 들어갈 이미지 파일 이름
ex) 마우스 아웃 : 01.png / 마우스 오버 : 01_1.png일때
imgstr 값은 _1
tabno : tag의 id 값의 마지막 숫자
----------------------------------------------------------------------------------------
*/
-->
</script>
<!-- 두번째 탭 End --><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
댓글 1개
14년 전
나모 웹에디터는 자동 함수를 만들어 주기때문에 드림위버 사용하시거나 태크 직접수정하는 편이 낳을듯하네요,
확인결과 TEST 파일다운 하여 FTP 직접올릴경우 잘되네요
확인결과 TEST 파일다운 하여 FTP 직접올릴경우 잘되네요
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 8230 | 9년 전 | 204 | ||
| 8229 | 9년 전 | 187 | ||
| 8228 |
커네드커네드
|
9년 전 | 226 | |
| 8227 | 9년 전 | 265 | ||
| 8226 | 9년 전 | 281 | ||
| 8225 | 9년 전 | 267 | ||
| 8224 | 9년 전 | 272 | ||
| 8223 | 9년 전 | 255 | ||
| 8222 |
 웹표준3년차 |
9년 전 | 313 | |
| 8221 | 9년 전 | 211 | ||
| 8220 | 9년 전 | 253 | ||
| 8219 | 9년 전 | 226 | ||
| 8218 | 9년 전 | 268 | ||
| 8217 |
star3840
|
9년 전 | 223 | |
| 8216 | 9년 전 | 305 | ||
| 8215 | 9년 전 | 251 | ||
| 8214 | 9년 전 | 353 | ||
| 8213 | 9년 전 | 309 | ||
| 8212 | 9년 전 | 227 | ||
| 8211 | 9년 전 | 398 | ||
| 8210 | 9년 전 | 392 | ||
| 8209 | 9년 전 | 474 | ||
| 8208 | 9년 전 | 354 | ||
| 8207 | 9년 전 | 370 | ||
| 8206 |
 웹의미래는딥러닝 |
9년 전 | 315 | |
| 8205 | 9년 전 | 289 | ||
| 8204 | 9년 전 | 278 | ||
| 8203 | 9년 전 | 358 | ||
| 8202 | 9년 전 | 265 | ||
| 8201 | 9년 전 | 308 | ||
| 8200 | 9년 전 | 310 | ||
| 8199 | 9년 전 | 337 | ||
| 8198 | 9년 전 | 309 | ||
| 8197 | 9년 전 | 294 | ||
| 8196 | 9년 전 | 720 | ||
| 8195 | 9년 전 | 299 | ||
| 8194 | 9년 전 | 403 | ||
| 8193 | 9년 전 | 325 | ||
| 8192 | 9년 전 | 323 | ||
| 8191 | 9년 전 | 285 | ||
| 8190 | 9년 전 | 262 | ||
| 8189 | 9년 전 | 329 | ||
| 8188 | 9년 전 | 261 | ||
| 8187 | 9년 전 | 280 | ||
| 8186 | 9년 전 | 279 | ||
| 8185 | 9년 전 | 446 | ||
| 8184 | 9년 전 | 230 | ||
| 8183 | 9년 전 | 435 | ||
| 8182 | 9년 전 | 310 | ||
| 8181 | 9년 전 | 263 | ||
| 8180 | 9년 전 | 844 | ||
| 8179 | 9년 전 | 622 | ||
| 8178 | 9년 전 | 473 | ||
| 8177 |
kiplayer
|
9년 전 | 473 | |
| 8176 | 9년 전 | 510 | ||
| 8175 | 9년 전 | 389 | ||
| 8174 | 9년 전 | 382 | ||
| 8173 | 9년 전 | 470 | ||
| 8172 | 9년 전 | 353 | ||
| 8171 | 9년 전 | 313 | ||
| 8170 | 9년 전 | 430 | ||
| 8169 |
커네드커네드
|
9년 전 | 382 | |
| 8168 | 9년 전 | 473 | ||
| 8167 | 9년 전 | 457 | ||
| 8166 | 9년 전 | 360 | ||
| 8165 | 9년 전 | 292 | ||
| 8164 | 9년 전 | 425 | ||
| 8163 | 9년 전 | 430 | ||
| 8162 | 9년 전 | 418 | ||
| 8161 | 9년 전 | 433 | ||
| 8160 |
 성격파탄자 |
9년 전 | 650 | |
| 8159 | 9년 전 | 595 | ||
| 8158 | 9년 전 | 396 | ||
| 8157 | 9년 전 | 516 | ||
| 8156 | 9년 전 | 389 | ||
| 8155 | 9년 전 | 404 | ||
| 8154 |
00년생용띠
|
9년 전 | 717 | |
| 8153 | 9년 전 | 365 | ||
| 8152 |
 닉네임없음 |
9년 전 | 535 | |
| 8151 | 9년 전 | 530 | ||
| 8150 | 9년 전 | 650 | ||
| 8149 |
Jangfolk
|
9년 전 | 508 | |
| 8148 | 9년 전 | 320 | ||
| 8147 | 9년 전 | 508 | ||
| 8146 | 9년 전 | 592 | ||
| 8145 | 9년 전 | 552 | ||
| 8144 | 9년 전 | 515 | ||
| 8143 | 9년 전 | 336 | ||
| 8142 | 9년 전 | 561 | ||
| 8141 | 9년 전 | 499 | ||
| 8140 | 9년 전 | 1070 | ||
| 8139 | 9년 전 | 409 | ||
| 8138 |
전갈자리남자
|
9년 전 | 521 | |
| 8137 | 9년 전 | 558 | ||
| 8136 | 9년 전 | 884 | ||
| 8135 |
|
9년 전 | 927 | |
| 8134 |
PlayPixel
|
9년 전 | 672 | |
| 8133 |
 돼지코구뇽 |
9년 전 | 575 | |
| 8132 | 9년 전 | 606 | ||
| 8131 | 9년 전 | 966 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기