이전
목록
다음
열

자바스크립 이미지가 안뜨는 오류좀도와주세요.

열라바보숑
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2011-03-27 (일) 12:39:09 · 2557 · 1
다름이 아니라 자바스크립 소스를 사용해서 홈페이지매뉴를 만들려고하는데요.

나모웹에디터로 작동시키면 너무나도 작동이 잘됩니다. 이미지가 정상적으로 잘뜨구요.

그런데 이상하게 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>
#개발자팁 #개발자 #팁자료실 #javascript

첨부파일

test.zip (6.2 KB) 10회 2011-03-27 12:39
|

댓글 1개

헌이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2011-04-03 (일) 23:53:14
나모 웹에디터는 자동 함수를 만들어 주기때문에 드림위버 사용하시거나 태크 직접수정하는 편이 낳을듯하네요,
확인결과 TEST 파일다운 하여 FTP 직접올릴경우 잘되네요
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11-04-10 조회 3,545
11-04-08 조회 3,253
11-04-06 조회 3,056
11-04-05 조회 2,557
11-04-05 조회 3,061
11-04-04 조회 2,974
11-04-03 조회 2,688
11-04-02 조회 2,356
11-04-02 조회 4,082
11-04-02 조회 3,464
11-04-02 조회 2,807
11-04-01 조회 3,523
11-04-01 조회 2,316
11-04-01 조회 2,465
11-04-01 조회 3,058
11-04-01 조회 3,346
11-03-31 조회 2,806
11-03-30 조회 2,438
11-03-27 조회 2,667
11-03-27 조회 2,558
11-03-27 조회 3,448
11-03-27 조회 3,643
11-03-26 조회 3,461
11-03-25 조회 2,532
11-03-25 조회 3,090
11-03-25 조회 3,144
11-03-25 조회 3,236
11-03-24 조회 5,114
11-03-23 조회 2,548
11-03-23 조회 3,558
11-03-23 조회 2,406
11-03-22 조회 2,493
11-03-22 조회 2,313
11-03-21 조회 2,769
11-03-20 조회 3,227
11-03-20 조회 2,745
11-03-19 조회 2,591
11-03-18 조회 2,230
11-03-18 조회 3,264
11-03-18 조회 2,778
11-03-18 조회 2,465
11-03-17 조회 3,781
11-03-17 조회 2,844
11-03-17 조회 2,739
11-03-17 조회 2,277
11-03-17 조회 3,169
11-03-15 조회 4,121
11-03-15 조회 2,525
11-03-14 조회 1,972
11-03-14 조회 3,581
11-03-14 조회 3,373
11-03-14 조회 2,166
11-03-13 조회 2,745
11-03-13 조회 3,083
11-03-12 조회 2,737
11-03-12 조회 2,120
11-03-12 조회 2,099
11-03-11 조회 2,503
11-03-11 조회 2,807
11-03-11 조회 2,606
11-03-10 조회 2,315
11-03-10 조회 2,690
11-03-10 조회 2,544
11-03-10 조회 2,849
11-03-10 조회 2,315
11-03-10 조회 2,565
11-03-09 조회 2,348
11-03-09 조회 2,754
11-03-09 조회 2,107
11-03-09 조회 3,571
11-03-09 조회 2,792
11-03-09 조회 4,373
11-03-08 조회 2,818
11-03-08 조회 2,471
11-03-08 조회 2,549
11-03-08 조회 2,502
11-03-08 조회 1,991
11-03-08 조회 2,296
11-03-07 조회 2,340
11-03-07 조회 3,734
11-03-05 조회 2,423
11-03-05 조회 4,909
11-03-04 조회 2,216
11-03-04 조회 2,055
11-03-04 조회 2,171
11-03-04 조회 3,175
11-03-04 조회 2,859
11-03-04 조회 2,573
11-03-04 조회 2,608
11-03-04 조회 2,566
11-03-04 조회 2,667
11-03-04 조회 2,262
11-03-03 조회 1,865
11-03-03 조회 2,373
11-03-03 조회 3,577
11-03-03 조회 2,900
11-03-03 조회 3,260
11-03-03 조회 2,267
11-03-03 조회 2,734
11-03-03 조회 2,972
글쓰기