이전
목록
다음
엠

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

CLUB
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2006-12-15 (금) 12:29:44 · 3285
<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-01-26 조회 6,200
07-01-25 조회 3,999
07-01-25 조회 5,006
07-01-24 조회 3,801
07-01-21 조회 4,633
07-01-21 조회 3,173
07-01-19 조회 6,576
07-01-19 조회 2,980
07-01-19 조회 7,290
07-01-19 조회 4,035
07-01-19 조회 7,222
07-01-19 조회 8,033
07-01-16 조회 4,964
07-01-13 조회 3,492
07-01-10 조회 3,342
07-01-09 조회 8,124
07-01-09 조회 3,582
07-01-09 조회 5,131
07-01-08 조회 6,530
07-01-08 조회 3,950
07-01-07 조회 2,895
07-01-06 조회 2,748
07-01-02 조회 2,691
07-01-02 조회 2,963
07-01-01 조회 2,979
07-01-01 조회 2,996
06-12-29 조회 2,935
06-12-29 조회 3,767
06-12-27 조회 3,532
06-12-26 조회 4,647
06-12-21 조회 3,754
06-12-20 조회 3,721
06-12-18 조회 4,603
06-12-16 조회 5,828
06-12-15 조회 4,165
06-12-15 조회 3,966
06-12-15 조회 4,583
06-12-15 조회 7,443
06-12-15 조회 3,354
06-12-15 조회 3,172
06-12-15 조회 3,089
06-12-15 조회 3,192
06-12-15 조회 4,373
06-12-15 조회 3,466
06-12-15 조회 3,125
06-12-15 조회 2,866
06-12-15 조회 3,299
06-12-15 조회 4,541
06-12-15 조회 4,421
06-12-15 조회 3,139
06-12-15 조회 2,644
06-12-15 조회 4,418
06-12-15 조회 3,286
06-12-15 조회 2,838
06-12-15 조회 4,007
06-12-15 조회 3,147
06-12-15 조회 2,995
06-12-15 조회 2,992
06-12-15 조회 2,968
06-12-15 조회 3,431
06-12-15 조회 3,810
06-12-15 조회 2,932
06-12-15 조회 2,686
06-12-15 조회 2,717
06-12-15 조회 2,616
06-12-15 조회 4,362
06-12-15 조회 4,087
06-12-15 조회 2,832
06-12-15 조회 4,566
06-12-15 조회 2,989
06-12-15 조회 2,616
06-12-15 조회 3,117
06-12-15 조회 3,261
06-12-15 조회 2,777
06-12-15 조회 3,511
06-12-15 조회 3,195
06-12-15 조회 2,764
06-12-15 조회 2,914
06-12-15 조회 3,188
06-12-15 조회 2,955
06-12-13 조회 2,722
06-12-13 조회 2,807
06-12-13 조회 4,301
06-12-12 조회 3,262
06-12-12 조회 3,012
06-12-12 조회 5,548
06-12-12 조회 6,196
06-12-11 조회 4,386
06-12-10 조회 4,039
06-12-07 조회 4,640
06-12-07 조회 3,202
06-12-07 조회 3,551
06-12-07 조회 3,840
06-12-07 조회 3,937
06-12-07 조회 3,529
06-12-04 조회 2,788
06-12-04 조회 4,579
06-11-30 조회 3,109
06-11-30 조회 3,591
06-11-30 조회 3,634
글쓰기