엠

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

<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>
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
10-09-25 조회 2,745
10-09-19 조회 2,780
10-09-15 조회 2,783
10-09-15 조회 4,189
10-09-15 조회 3,426
10-09-15 조회 2,523
10-09-07 조회 3,641
10-08-27 조회 4,089
10-06-11 조회 4,278
10-05-31 조회 2,518
10-02-27 조회 5,032
10-02-09 조회 3,776
09-10-10 조회 7,372
09-03-19 조회 3,230
09-02-09 조회 3,500
09-02-09 조회 4,548
08-11-01 조회 2,933
08-09-29 조회 4,587
08-09-26 조회 3,530
08-09-26 조회 3,603
08-09-26 조회 2,740
08-09-26 조회 3,781
08-09-26 조회 3,509
08-09-26 조회 4,273
08-09-18 조회 3,612
08-09-09 조회 3,253
08-08-28 조회 2,796
08-07-06 조회 3,563
08-05-21 조회 4,727
08-05-13 조회 4,568
08-04-17 조회 4,943
08-02-19 조회 3,558
08-01-18 조회 3,874
08-01-10 조회 3,844
07-10-22 조회 3,672
07-10-09 조회 4,345
07-10-03 조회 3,541
07-07-06 조회 4,233
07-07-06 조회 4,445
07-07-06 조회 4,063
07-06-28 조회 3,598
07-06-05 조회 3,601
07-06-05 조회 4,142
07-05-30 조회 3,314
07-05-02 조회 3,696
07-04-15 조회 5,177
07-04-11 조회 3,655
07-04-05 조회 3,959
07-03-31 조회 3,173
07-03-31 조회 4,148
07-03-30 조회 3,760
07-03-24 조회 4,021
07-03-22 조회 3,681
07-03-12 조회 4,431
07-02-16 조회 3,302
07-02-14 조회 5,188
07-02-10 조회 4,026
07-02-09 조회 4,412
07-01-19 조회 4,074
07-01-16 조회 5,004
06-12-16 조회 5,870
06-11-30 조회 3,627
06-11-25 조회 3,739
06-10-15 조회 5,091
06-09-26 조회 5,335
06-09-26 조회 5,446
06-09-22 조회 4,305
06-09-21 조회 3,564
06-09-21 조회 3,661
06-09-02 조회 3,506
06-08-08 조회 5,136
06-07-20 조회 3,761
06-07-17 조회 3,382
06-07-13 조회 4,207
06-07-11 조회 3,500
06-07-11 조회 3,503
06-07-11 조회 3,868
06-06-29 조회 6,095
06-06-19 조회 6,483
06-06-02 조회 3,532
06-05-24 조회 5,017
06-05-14 조회 7,808
06-05-08 조회 3,924
06-02-02 조회 5,477
05-12-16 조회 4,540
05-12-05 조회 5,183
05-06-28 조회 4,143
05-04-11 조회 4,093
05-04-11 조회 4,273
05-04-11 조회 3,341
05-03-13 조회 3,245
05-03-12 조회 4,316
04-12-08 조회 7,804
04-12-01 조회 5,213
04-11-28 조회 3,388
04-11-28 조회 3,232
04-08-05 조회 5,649
04-08-05 조회 4,995
04-08-05 조회 5,604