엠

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

<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건
+
제목 글쓴이 날짜 조회
07-10-13 조회 5,167
07-10-03 조회 4,132
07-10-03 조회 3,343
07-10-03 조회 2,583
07-10-03 조회 4,654
07-10-02 조회 3,001
07-10-01 조회 3,631
07-09-28 조회 3,539
07-09-27 조회 4,597
07-08-16 조회 6,436
07-08-04 조회 2,882
07-07-25 조회 6,160
07-07-05 조회 4,042
07-07-02 조회 4,583
07-06-30 조회 4,478
07-06-20 조회 7,374
07-06-20 조회 3,985
07-06-05 조회 4,164
07-05-26 조회 3,203
07-05-17 조회 9,194
07-05-17 조회 5,240
07-05-04 조회 6,154
07-04-15 조회 6,241
07-04-13 조회 4,038
07-04-11 조회 3,433
07-03-20 조회 3,601
07-03-02 조회 6,818
07-02-27 조회 6,087
07-02-22 조회 4,500
07-01-30 조회 6,324
07-01-30 조회 1만
06-12-20 조회 3,808
06-12-18 조회 4,658
06-12-15 조회 4,618
06-12-15 조회 3,847
06-12-15 조회 3,249
06-11-30 조회 3,683
06-11-27 조회 4,583
06-10-24 조회 6,485
06-10-17 조회 4,799
06-09-22 조회 4,542
06-09-21 조회 6,041
06-09-21 조회 3,956
06-09-15 조회 6,584
06-08-20 조회 3,737
06-07-19 조회 3,372
06-07-14 조회 4,263
06-07-14 조회 4,129
06-07-11 조회 5,737
06-06-08 조회 4,320
06-06-08 조회 4,228
06-05-24 조회 3,539
06-05-24 조회 4,919
06-05-17 조회 3,640
06-05-16 조회 4,392
06-05-14 조회 6,080
06-05-12 조회 3,656
06-05-06 조회 4,289
06-05-06 조회 4,363
06-05-06 조회 3,674
06-05-06 조회 3,743
06-05-06 조회 4,196
06-04-25 조회 4,061
06-03-23 조회 5,524
06-01-20 조회 4,097
06-01-04 조회 4,304
05-12-30 조회 4,175
05-12-21 조회 4,863
05-11-09 조회 4,061
05-11-09 조회 3,835
05-10-09 조회 3,485
05-09-21 조회 6,879
05-08-14 조회 4,366
05-08-04 조회 5,548
05-07-14 조회 4,612
05-06-15 조회 5,015
05-04-23 조회 4,591
05-04-20 조회 5,055
05-04-19 조회 1.1만
05-04-19 조회 6,014
05-03-15 조회 3,833
05-03-15 조회 4,280
05-03-13 조회 2,963
05-03-13 조회 3,475
05-03-13 조회 3,473
05-03-13 조회 2,774
05-03-13 조회 5,800
05-03-13 조회 5,432
05-03-13 조회 4,360
05-03-13 조회 4,658
05-03-13 조회 7,922
05-03-13 조회 4,421
05-03-13 조회 3,503
05-03-13 조회 3,497
05-03-13 조회 8,043
05-03-13 조회 5,508
05-03-13 조회 4,156
05-03-12 조회 3,808
05-03-12 조회 4,503
05-02-24 조회 4,656