이전
목록
다음
엠

일정시간동안 이미지 자동으로 변경하기

CLUB
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2006-12-15 (금) 12:29:44 · 3329
<script language="JavaScript" type="text/javascript">
<!--
// 이미지 경로
var imgLeft = new Array() ;
var imgRight = new Array() ;
imgLeft[0] = new Image() ;
imgLeft[0].src = "./img/ex_a1.gif" ;
imgLeft[1] = new Image() ;
imgLeft[1].src = "./img/ex_a2.gif" ;
imgLeft[2] = new Image() ;
imgLeft[2].src = "./img/ex_a3.gif" ;
imgRight[0] = new Image() ;
imgRight[0].src = "./img/ex_b1.gif" ;
imgRight[1] = new Image() ;
imgRight[1].src = "./img/ex_b2.gif" ;
imgRight[2] = new Image() ;
imgRight[2].src = "./img/ex_b3.gif" ;

// 이미지 링크
var urlLeft = new Array() ;
var urlRight = new Array() ;
urlLeft[0] = "#" ;
urlLeft[1] = "#" ;
urlLeft[2] = "#" ;
urlRight[0] = "1" ;
urlRight[1] = "2" ;
urlRight[2] = "3" ;

var productAll = "" ;
productAll += "<table width='400' cellpadding='0' cellspacing='0' border='1'>" ;
productAll += "<tr><td width='200' height='150' align='center'>" ;
productAll += "<a href='" + urlLeft[0] + "'><img src='" + imgLeft[0].src + "' border='0'></a>" ;
productAll += "</td><td width='200' height='150' align='center'>" ;
productAll += "<a href='" + urlRight[0] + "'><img src='" + imgRight[0].src + "' border='0'></a>" ;
productAll += "</td></tr>" ;
productAll += "<tr><td width='200' height='150' align='center'>" ;
productAll += "<a href='" + urlLeft[1] + "'><img src='" + imgLeft[1].src + "' border='0'></a>" ;
productAll += "</td><td width='200' height='150' align='center'>" ;
productAll += "<a href='" + urlRight[1] + "'><img src='" + imgRight[1].src + "' border='0'></a>" ;
productAll += "</td></tr>" ;
productAll += "<tr><td width='200' height='150' align='center'>" ;
productAll += "<a href='" + urlLeft[2] + "'><img src='" + imgLeft[2].src + "' border='0'></a>" ;
productAll += "</td><td width='200' height='150' align='center'>" ;
productAll += "<a href='" + urlRight[2] + "'><img src='" + imgRight[2].src + "' border='0'></a>" ;
productAll += "</td></tr></table>" ;

var time = 1500 ;
var counter = 1 ;

function imgShowInit() {
productContent = "<div style='left:0px ; width:100% ; position:absolute ; top:0px ; height:450px ;' id='showProduct'>" ;
productContent += productAll ;
productContent += "</div>" ;

document.write(productContent) ;
window.setTimeout("imgShow()", time) ;
}

function imgShow() {
if(counter == 3)
counter = 0 ;

tmp = document.getElementById("showProduct").style ;
tmp.top = -150 * counter ;
counter++ ;

window.setTimeout("imgShow()", time) ;
}
// -->
</script>





<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<div style="theight:150px ; width:400px ; position:absolute; overflow:hidden; visibility: visible ; border:1px solid #000000 ;" id="productPos">
<script>imgShowInit();</script>
</div>
</td>
</tr>
</table><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
#퍼블리셔팁 #퍼블리셔 #팁자료실 #javascript
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
07-07-16 조회 3,083
07-07-06 조회 2,951
07-07-06 조회 3,401
07-06-23 조회 3,226
07-06-16 조회 2,730
07-05-20 조회 4,230
07-05-09 조회 3,407
07-05-09 조회 6,053
07-05-04 조회 2,637
07-04-30 조회 9,786
07-04-27 조회 4,285
07-04-26 조회 3,400
07-04-25 조회 5,208
07-04-18 조회 7,729
07-04-13 조회 3,063
07-04-12 조회 6,585
07-04-12 조회 4,990
07-04-12 조회 3,295
07-04-11 조회 5,673
07-04-05 조회 6,321
07-03-24 조회 4,371
07-03-20 조회 3,689
07-03-18 조회 3,959
07-03-18 조회 4,708
07-03-17 조회 4,198
07-03-16 조회 4,101
07-03-15 조회 5,240
07-03-13 조회 5,343
07-03-13 조회 3,543
07-03-08 조회 4,458
07-03-08 조회 3,940
07-03-08 조회 3,244
07-03-08 조회 4,125
07-03-05 조회 4,358
07-03-04 조회 2,875
07-03-01 조회 5,909
07-02-28 조회 3,195
07-02-27 조회 4,366
07-02-26 조회 3,268
07-02-26 조회 2,981
07-02-23 조회 3,621
07-02-23 조회 3,588
07-02-22 조회 3,972
07-02-22 조회 3,768
07-02-19 조회 3,807
07-02-17 조회 4,823
07-02-14 조회 8,123
07-02-12 조회 3,888
07-02-10 조회 3,499
07-02-02 조회 3,746
07-01-31 조회 3,413
07-01-29 조회 3,269
07-01-25 조회 5,053
07-01-21 조회 3,206
07-01-19 조회 3,000
06-12-15 조회 3,982
06-12-15 조회 4,401
06-12-15 조회 2,896
06-12-15 조회 4,440
06-12-15 조회 3,330
06-12-15 조회 4,043
06-12-15 조회 2,986
06-12-15 조회 2,713
06-12-15 조회 4,587
06-12-15 조회 3,134
06-12-15 조회 3,220
06-12-07 조회 4,673
06-12-07 조회 3,961
06-12-04 조회 4,599
06-11-27 조회 3,648
06-11-21 조회 3,971
06-11-15 조회 3,410
06-11-04 조회 3,289
06-10-29 조회 3,944
06-10-13 조회 3,806
06-10-13 조회 4,172
06-10-13 조회 4,126
06-10-12 조회 5,324
06-10-12 조회 4,242
06-10-04 조회 3,737
06-10-02 조회 4,521
06-09-29 조회 3,009
06-09-26 조회 3,349
06-09-26 조회 3,601
06-09-26 조회 3,251
06-09-26 조회 3,399
06-09-26 조회 4,305
06-09-25 조회 4,607
06-09-22 조회 4,939
06-09-22 조회 3,506
06-09-21 조회 4,284
06-09-21 조회 4,294
06-09-21 조회 3,503
06-09-21 조회 5,162
06-09-21 조회 3,691
06-09-21 조회 3,429
06-09-20 조회 2,981
06-09-15 조회 3,106
06-09-13 조회 3,419
06-09-11 조회 3,231
글쓰기