일정시간동안 이미지 자동으로 변경하기
<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>
<!--
// 이미지 경로
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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 730 |
|
19년 전 | 2718 | |
| 729 |
그레이스웹
|
19년 전 | 3508 | |
| 728 |
|
19년 전 | 2678 | |
| 727 |
|
19년 전 | 2519 | |
| 726 |
|
19년 전 | 2335 | |
| 725 |
|
19년 전 | 2235 | |
| 724 |
|
19년 전 | 2129 | |
| 723 |
|
19년 전 | 4252 | |
| 722 |
|
19년 전 | 2667 | |
| 721 |
|
19년 전 | 2159 | |
| 720 |
|
19년 전 | 2256 | |
| 719 |
|
19년 전 | 2843 | |
| 718 |
|
19년 전 | 1957 | |
| 717 |
|
19년 전 | 3189 | |
| 716 |
|
19년 전 | 2747 | |
| 715 |
|
19년 전 | 2260 | |
| 714 |
|
19년 전 | 1813 | |
| 713 |
|
19년 전 | 2234 | |
| 712 |
|
19년 전 | 2006 | |
| 711 |
|
19년 전 | 1897 | |
| 710 |
|
19년 전 | 2462 | |
| 709 |
|
19년 전 | 2316 | |
| 708 |
|
19년 전 | 3880 | |
| 707 |
|
19년 전 | 3732 | |
| 706 |
|
19년 전 | 2234 | |
| 705 |
|
19년 전 | 3274 | |
| 704 |
|
19년 전 | 1950 | |
| 703 |
|
19년 전 | 2382 | |
| 702 |
|
19년 전 | 2272 | |
| 701 |
홀로남은자
|
19년 전 | 2342 | |
| 700 |
홀로남은자
|
19년 전 | 2175 | |
| 699 | 19년 전 | 2811 | ||
| 698 |
|
19년 전 | 2824 | |
| 697 |
|
19년 전 | 3168 | |
| 696 |
|
19년 전 | 3039 | |
| 695 |
|
19년 전 | 2702 | |
| 694 |
|
19년 전 | 2925 | |
| 693 |
|
19년 전 | 3177 | |
| 692 |
|
19년 전 | 2876 | |
| 691 |
|
19년 전 | 2616 | |
| 690 | 19년 전 | 2919 | ||
| 689 | 19년 전 | 4505 | ||
| 688 | 19년 전 | 2428 | ||
| 687 | 19년 전 | 2446 | ||
| 686 | 19년 전 | 3475 | ||
| 685 | 19년 전 | 3155 | ||
| 684 | 19년 전 | 2803 | ||
| 683 | 19년 전 | 2050 | ||
| 682 | 19년 전 | 1773 | ||
| 681 | 19년 전 | 2876 | ||
| 680 | 19년 전 | 1715 | ||
| 679 | 19년 전 | 2307 | ||
| 678 | 19년 전 | 3955 | ||
| 677 | 19년 전 | 3724 | ||
| 676 | 19년 전 | 3450 | ||
| 675 | 19년 전 | 3406 | ||
| 674 |
|
19년 전 | 1563 | |
| 673 |
|
19년 전 | 1936 | |
| 672 |
|
19년 전 | 1855 | |
| 671 | 19년 전 | 2522 | ||
| 670 | 19년 전 | 4617 | ||
| 669 |
|
19년 전 | 2759 | |
| 668 |
|
19년 전 | 1916 | |
| 667 |
|
19년 전 | 1930 | |
| 666 |
|
19년 전 | 1819 | |
| 665 |
|
19년 전 | 2555 | |
| 664 |
|
19년 전 | 8173 | |
| 663 |
|
19년 전 | 2723 | |
| 662 |
|
19년 전 | 2787 | |
| 661 |
|
19년 전 | 3042 | |
| 660 |
|
19년 전 | 2193 | |
| 659 |
|
19년 전 | 2206 | |
| 658 |
|
19년 전 | 2170 | |
| 657 |
|
19년 전 | 2066 | |
| 656 |
|
19년 전 | 2254 | |
| 655 |
|
19년 전 | 2513 | |
| 654 |
|
19년 전 | 3074 | |
| 653 | 19년 전 | 2328 | ||
| 652 | 19년 전 | 1908 | ||
| 651 |
|
19년 전 | 2829 | |
| 650 | 19년 전 | 4996 | ||
| 649 | 19년 전 | 3494 | ||
| 648 | 19년 전 | 3452 | ||
| 647 | 19년 전 | 2967 | ||
| 646 | 19년 전 | 2390 | ||
| 645 | 19년 전 | 1487 | ||
| 644 | 19년 전 | 3133 | ||
| 643 | 19년 전 | 2010 | ||
| 642 |
|
19년 전 | 5373 | |
| 641 | 19년 전 | 2430 | ||
| 640 | 19년 전 | 3429 | ||
| 639 | 19년 전 | 2852 | ||
| 638 | 19년 전 | 1760 | ||
| 637 | 19년 전 | 3878 | ||
| 636 | 19년 전 | 2415 | ||
| 635 | 19년 전 | 2305 | ||
| 634 |
|
19년 전 | 3024 | |
| 633 |
|
19년 전 | 3296 | |
| 632 | 19년 전 | 2495 | ||
| 631 | 19년 전 | 2256 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기