일정시간동안 이미지 자동으로 변경하기
<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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1030 | 18년 전 | 1789 | ||
| 1029 | 18년 전 | 2222 | ||
| 1028 | 18년 전 | 2632 | ||
| 1027 | 18년 전 | 1793 | ||
| 1026 | 18년 전 | 1530 | ||
| 1025 | 18년 전 | 1543 | ||
| 1024 | 18년 전 | 1465 | ||
| 1023 | 18년 전 | 3229 | ||
| 1022 | 18년 전 | 2917 | ||
| 1021 | 18년 전 | 1676 | ||
| 1020 | 18년 전 | 3417 | ||
| 1019 | 18년 전 | 1843 | ||
| 1018 | 18년 전 | 1493 | ||
| 1017 | 18년 전 | 1960 | ||
| 1016 | 18년 전 | 2101 | ||
| 1015 | 18년 전 | 1634 | ||
| 1014 | 18년 전 | 2346 | ||
| 1013 | 18년 전 | 2003 | ||
| 1012 | 18년 전 | 1625 | ||
| 1011 | 18년 전 | 1785 | ||
| 1010 | 18년 전 | 2039 | ||
| 1009 | 18년 전 | 1806 | ||
| 1008 | 18년 전 | 1618 | ||
| 1007 | 18년 전 | 1666 | ||
| 1006 | 18년 전 | 3135 | ||
| 1005 | 18년 전 | 1999 | ||
| 1004 | 18년 전 | 1874 | ||
| 1003 | 18년 전 | 4369 | ||
| 1002 | 18년 전 | 4996 | ||
| 1001 | 18년 전 | 3166 | ||
| 1000 | 18년 전 | 2910 | ||
| 999 | 18년 전 | 3504 | ||
| 998 | 18년 전 | 2048 | ||
| 997 | 18년 전 | 2410 | ||
| 996 | 18년 전 | 2703 | ||
| 995 | 18년 전 | 2759 | ||
| 994 | 18년 전 | 2349 | ||
| 993 | 18년 전 | 1618 | ||
| 992 | 18년 전 | 3380 | ||
| 991 | 18년 전 | 1990 | ||
| 990 | 18년 전 | 2387 | ||
| 989 | 18년 전 | 2461 | ||
| 988 | 18년 전 | 2888 | ||
| 987 | 19년 전 | 5222 | ||
| 986 |
|
19년 전 | 2496 | |
| 985 |
|
19년 전 | 3346 | |
| 984 | 19년 전 | 4280 | ||
| 983 |
느낌좋은날
|
19년 전 | 2504 | |
| 982 | 19년 전 | 2467 | ||
| 981 | 19년 전 | 4042 | ||
| 980 | 19년 전 | 2749 | ||
| 979 |
Sinpre
|
19년 전 | 2990 | |
| 978 | 19년 전 | 2207 | ||
| 977 | 19년 전 | 2223 | ||
| 976 | 19년 전 | 1992 | ||
| 975 | 19년 전 | 3274 | ||
| 974 | 19년 전 | 2109 | ||
| 973 |
|
19년 전 | 2790 | |
| 972 |
|
19년 전 | 1748 | |
| 971 | 19년 전 | 5321 | ||
| 970 | 19년 전 | 3575 | ||
| 969 | 19년 전 | 4326 | ||
| 968 | 19년 전 | 3068 | ||
| 967 | 19년 전 | 2527 | ||
| 966 | 19년 전 | 3929 | ||
| 965 | 19년 전 | 2657 | ||
| 964 | 19년 전 | 2998 | ||
| 963 | 19년 전 | 2967 | ||
| 962 | 19년 전 | 4183 | ||
| 961 | 19년 전 | 3129 | ||
| 960 | 19년 전 | 3023 | ||
| 959 | 19년 전 | 3673 | ||
| 958 | 19년 전 | 2978 | ||
| 957 | 19년 전 | 2192 | ||
| 956 | 19년 전 | 2225 | ||
| 955 | 19년 전 | 2177 | ||
| 954 | 19년 전 | 2769 | ||
| 953 | 19년 전 | 2480 | ||
| 952 | 19년 전 | 3347 | ||
| 951 | 19년 전 | 3205 | ||
| 950 | 19년 전 | 1827 | ||
| 949 | 19년 전 | 2740 | ||
| 948 | 19년 전 | 7829 | ||
| 947 |
|
19년 전 | 2504 | |
| 946 |
DeepnBlue
|
19년 전 | 3107 | |
| 945 |
pearly
|
19년 전 | 2882 | |
| 944 | 19년 전 | 3027 | ||
| 943 |
|
19년 전 | 2232 | |
| 942 | 19년 전 | 2455 | ||
| 941 |
|
19년 전 | 4079 | |
| 940 | 19년 전 | 2235 | ||
| 939 |
|
19년 전 | 4220 | |
| 938 |
|
19년 전 | 2384 | |
| 937 | 19년 전 | 2079 | ||
| 936 |
|
19년 전 | 2330 | |
| 935 | 19년 전 | 1877 | ||
| 934 |
|
19년 전 | 2410 | |
| 933 | 19년 전 | 2203 | ||
| 932 |
|
19년 전 | 3073 | |
| 931 | 19년 전 | 1861 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기