엠

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

<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-01-26 조회 6,263
07-01-25 조회 4,061
07-01-25 조회 5,076
07-01-24 조회 3,863
07-01-21 조회 4,685
07-01-21 조회 3,220
07-01-19 조회 6,616
07-01-19 조회 3,013
07-01-19 조회 7,328
07-01-19 조회 4,074
07-01-19 조회 7,276
07-01-19 조회 8,078
07-01-16 조회 5,004
07-01-13 조회 3,546
07-01-10 조회 3,399
07-01-09 조회 8,182
07-01-09 조회 3,636
07-01-09 조회 5,197
07-01-08 조회 6,587
07-01-08 조회 4,025
07-01-07 조회 2,940
07-01-06 조회 2,788
07-01-02 조회 2,733
07-01-02 조회 3,007
07-01-01 조회 3,026
07-01-01 조회 3,045
06-12-29 조회 2,971
06-12-29 조회 3,819
06-12-27 조회 3,589
06-12-26 조회 4,703
06-12-21 조회 3,805
06-12-20 조회 3,808
06-12-18 조회 4,658
06-12-16 조회 5,871
06-12-15 조회 4,204
06-12-15 조회 4,007
06-12-15 조회 4,616
06-12-15 조회 7,482
06-12-15 조회 3,391
06-12-15 조회 3,222
06-12-15 조회 3,131
06-12-15 조회 3,238
06-12-15 조회 4,424
06-12-15 조회 3,512
06-12-15 조회 3,179
06-12-15 조회 2,914
06-12-15 조회 3,333
06-12-15 조회 4,591
06-12-15 조회 4,458
06-12-15 조회 3,187
06-12-15 조회 2,714
06-12-15 조회 4,488
06-12-15 조회 3,360
06-12-15 조회 2,909
06-12-15 조회 4,067
06-12-15 조회 3,197
06-12-15 조회 3,051
06-12-15 조회 3,047
06-12-15 조회 3,008
06-12-15 조회 3,491
06-12-15 조회 3,847
06-12-15 조회 2,988
06-12-15 조회 2,732
06-12-15 조회 2,759
06-12-15 조회 2,646
06-12-15 조회 4,408
06-12-15 조회 4,134
06-12-15 조회 2,876
06-12-15 조회 4,605
06-12-15 조회 3,035
06-12-15 조회 2,651
06-12-15 조회 3,152
06-12-15 조회 3,300
06-12-15 조회 2,816
06-12-15 조회 3,559
06-12-15 조회 3,249
06-12-15 조회 2,811
06-12-15 조회 2,957
06-12-15 조회 3,242
06-12-15 조회 3,002
06-12-13 조회 2,751
06-12-13 조회 2,838
06-12-13 조회 4,342
06-12-12 조회 3,314
06-12-12 조회 3,047
06-12-12 조회 5,582
06-12-12 조회 6,242
06-12-11 조회 4,439
06-12-10 조회 4,081
06-12-07 조회 4,689
06-12-07 조회 3,266
06-12-07 조회 3,609
06-12-07 조회 3,884
06-12-07 조회 3,981
06-12-07 조회 3,568
06-12-04 조회 2,836
06-12-04 조회 4,613
06-11-30 조회 3,143
06-11-30 조회 3,628
06-11-30 조회 3,681