AWS AWS 디딤 클라우드

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

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

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

이전
목록
다음
열

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

열라바보숑
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2011-03-27 (일) 12:39:09 · 2555 · 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-08-16 조회 2,397
11-08-16 조회 2,376
11-08-12 조회 2,212
11-08-02 조회 2,793
11-07-27 조회 2,182
11-07-25 조회 2,311
11-06-28 조회 2,471
11-06-06 조회 3,956
11-06-04 조회 2,573
11-04-25 조회 6,159
11-04-22 조회 2,659
11-04-21 조회 2,858
11-04-08 조회 3,213
11-03-31 조회 2,803
11-03-20 조회 3,208
11-03-10 조회 2,848
11-03-04 조회 3,173
11-03-03 조회 2,898
11-02-26 조회 4,319
11-02-14 조회 5,674
11-02-08 조회 3,280
11-01-30 조회 5,354
11-01-14 조회 5,135
11-01-14 조회 3,717
11-01-14 조회 2,877
11-01-14 조회 2,914
11-01-14 조회 3,061
11-01-12 조회 2,788
11-01-07 조회 4,493
10-12-29 조회 2,410
10-12-22 조회 2,464
10-12-05 조회 5,787
10-11-22 조회 5,206
10-11-13 조회 3,584
10-10-27 조회 3,202
10-10-21 조회 2,902
10-09-21 조회 2,901
10-09-17 조회 2,946
10-09-15 조회 3,395
10-09-14 조회 4,003
10-05-18 조회 2,873
10-02-17 조회 4,309
10-02-12 조회 3,081
09-12-14 조회 5,089
09-12-14 조회 5,998
09-09-19 조회 4,377
09-08-16 조회 6,216
09-07-22 조회 5,628
09-04-13 조회 3,040
09-03-15 조회 5,042
09-03-05 조회 3,872
09-02-09 조회 2,816
08-12-30 조회 3,012
08-12-06 조회 3,216
08-11-30 조회 3,558
08-10-18 조회 4,392
08-10-08 조회 3,685
08-09-19 조회 4,336
08-09-05 조회 2,977
08-09-05 조회 5,083
08-09-05 조회 2,964
08-09-05 조회 3,554
08-09-05 조회 3,472
08-09-01 조회 4,491
08-08-07 조회 2,746
08-06-08 조회 3,218
08-06-02 조회 2,809
08-05-26 조회 5,233
08-05-09 조회 4,300
08-04-22 조회 3,888
08-04-17 조회 4,472
08-04-17 조회 5,555
08-04-17 조회 3,684
08-04-17 조회 8,675
08-04-17 조회 4,562
08-04-17 조회 4,487
08-04-09 조회 3,047
08-03-31 조회 3,544
08-03-26 조회 3,237
08-03-25 조회 3,529
08-03-25 조회 3,957
08-03-25 조회 4,004
08-03-25 조회 3,663
08-03-25 조회 3,555
08-03-25 조회 3,556
08-03-25 조회 5,245
08-02-03 조회 5,228
08-01-18 조회 6,614
08-01-17 조회 3,914
08-01-17 조회 3,733
08-01-12 조회 4,017
08-01-08 조회 3,340
07-12-28 조회 4,615
07-12-04 조회 3,488
07-11-30 조회 5,099
07-11-30 조회 5,714
07-11-02 조회 4,009
07-10-24 조회 3,987
07-10-24 조회 3,263
07-10-24 조회 3,371
글쓰기