AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
열

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

열라바보숑
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2011-03-27 (일) 12:39:09 · 2556 · 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-09-08 조회 2,724
11-09-05 조회 2,595
11-09-02 조회 3,446
11-09-01 조회 2,537
11-09-01 조회 2,714
11-09-01 조회 4,003
11-08-31 조회 2,733
11-08-28 조회 2,457
11-08-26 조회 2,366
11-08-19 조회 2,596
11-08-19 조회 2,517
11-08-17 조회 2,626
11-08-17 조회 2,690
11-08-13 조회 2,501
11-08-11 조회 3,474
11-08-11 조회 2,699
11-08-08 조회 2,943
11-08-06 조회 2,688
11-08-06 조회 2,791
11-08-05 조회 2,993
11-08-05 조회 2,420
11-08-04 조회 2,872
11-08-02 조회 2,361
11-07-22 조회 3,926
11-07-21 조회 2,248
11-07-13 조회 2,619
11-07-08 조회 2,927
11-07-05 조회 2,067
11-06-28 조회 3,018
11-06-22 조회 2,512
11-06-22 조회 2,191
11-06-13 조회 2,293
11-06-07 조회 4,113
11-06-04 조회 2,915
11-05-19 조회 3,190
11-05-06 조회 2,936
11-04-20 조회 2,367
11-04-19 조회 2,504
11-04-05 조회 3,058
11-04-04 조회 2,969
11-04-03 조회 2,685
11-04-02 조회 2,805
11-04-01 조회 2,312
11-04-01 조회 2,462
11-04-01 조회 3,056
11-03-25 조회 2,531
11-03-18 조회 2,226
11-03-17 조회 3,168
11-03-10 조회 2,313
11-03-10 조회 2,310
11-03-10 조회 2,562
11-03-07 조회 3,729
11-03-05 조회 2,416
11-03-05 조회 4,906
11-03-02 조회 2,514
11-03-01 조회 2,472
11-02-24 조회 2,542
11-02-24 조회 2,372
11-01-17 조회 5,098
11-01-14 조회 3,054
11-01-07 조회 3,053
10-12-29 조회 2,393
10-12-28 조회 2,606
10-12-24 조회 2,343
10-12-09 조회 2,426
10-12-09 조회 3,630
10-12-08 조회 3,610
10-12-08 조회 3,010
10-12-08 조회 2,851
10-12-08 조회 3,247
10-11-30 조회 2,617
10-11-25 조회 2,482
10-11-15 조회 2,238
10-11-14 조회 4,211
10-10-28 조회 2,891
10-10-26 조회 3,191
10-10-13 조회 2,471
10-10-12 조회 2,692
10-10-09 조회 2,275
10-10-05 조회 3,291
10-09-30 조회 2,957
10-09-26 조회 4,075
10-09-24 조회 2,820
10-09-20 조회 2,659
10-09-20 조회 3,032
10-09-18 조회 2,400
10-09-18 조회 2,442
10-09-17 조회 4,229
10-09-15 조회 3,220
10-09-15 조회 2,710
10-09-15 조회 2,565
10-09-15 조회 2,384
10-09-11 조회 2,543
10-09-11 조회 2,706
10-09-11 조회 2,956
10-06-30 조회 3,643
10-06-30 조회 2,451
10-06-30 조회 2,413
10-06-30 조회 2,565
10-06-11 조회 2,477
글쓰기