일정시간동안 이미지 자동으로 변경하기
<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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1130 | 18년 전 | 2464 | ||
| 1129 | 18년 전 | 2448 | ||
| 1128 | 18년 전 | 2320 | ||
| 1127 | 18년 전 | 2557 | ||
| 1126 |
|
18년 전 | 3848 | |
| 1125 | 18년 전 | 3654 | ||
| 1124 |
|
18년 전 | 2086 | |
| 1123 | 18년 전 | 2021 | ||
| 1122 | 18년 전 | 1563 | ||
| 1121 | 18년 전 | 3891 | ||
| 1120 | 18년 전 | 5892 | ||
| 1119 | 18년 전 | 6981 | ||
| 1118 | 18년 전 | 2466 | ||
| 1117 |
BEST79
|
18년 전 | 2717 | |
| 1116 | 18년 전 | 4175 | ||
| 1115 | 18년 전 | 2176 | ||
| 1114 |
|
18년 전 | 3628 | |
| 1113 | 18년 전 | 2871 | ||
| 1112 | 18년 전 | 2728 | ||
| 1111 | 18년 전 | 2193 | ||
| 1110 | 18년 전 | 2464 | ||
| 1109 | 18년 전 | 2602 | ||
| 1108 | 18년 전 | 3083 | ||
| 1107 | 18년 전 | 3732 | ||
| 1106 | 18년 전 | 3268 | ||
| 1105 | 18년 전 | 2779 | ||
| 1104 |
|
18년 전 | 2269 | |
| 1103 | 18년 전 | 2933 | ||
| 1102 | 18년 전 | 3023 | ||
| 1101 | 18년 전 | 2536 | ||
| 1100 | 18년 전 | 2297 | ||
| 1099 | 18년 전 | 3324 | ||
| 1098 | 18년 전 | 4844 | ||
| 1097 | 18년 전 | 5075 | ||
| 1096 | 18년 전 | 2295 | ||
| 1095 | 18년 전 | 2184 | ||
| 1094 | 18년 전 | 4998 | ||
| 1093 | 18년 전 | 8958 | ||
| 1092 | 18년 전 | 2039 | ||
| 1091 |
DeepnBlue
|
18년 전 | 4918 | |
| 1090 |
|
18년 전 | 4364 | |
| 1089 |
도날드주주
|
18년 전 | 2603 | |
| 1088 |
|
18년 전 | 4957 | |
| 1087 | 18년 전 | 2784 | ||
| 1086 | 18년 전 | 3669 | ||
| 1085 | 18년 전 | 2616 | ||
| 1084 | 18년 전 | 3431 | ||
| 1083 | 18년 전 | 1940 | ||
| 1082 | 18년 전 | 5373 | ||
| 1081 | 18년 전 | 1689 | ||
| 1080 | 18년 전 | 6049 | ||
| 1079 |
|
18년 전 | 2871 | |
| 1078 | 18년 전 | 6036 | ||
| 1077 |
|
18년 전 | 6834 | |
| 1076 | 18년 전 | 3725 | ||
| 1075 | 18년 전 | 2205 | ||
| 1074 |
hwatta
|
18년 전 | 2095 | |
| 1073 | 18년 전 | 6899 | ||
| 1072 | 18년 전 | 2397 | ||
| 1071 | 18년 전 | 3952 | ||
| 1070 |
|
18년 전 | 5341 | |
| 1069 | 18년 전 | 2689 | ||
| 1068 | 18년 전 | 1745 | ||
| 1067 | 18년 전 | 1576 | ||
| 1066 | 18년 전 | 1524 | ||
| 1065 | 18년 전 | 1800 | ||
| 1064 | 18년 전 | 1797 | ||
| 1063 | 18년 전 | 1780 | ||
| 1062 | 18년 전 | 1715 | ||
| 1061 | 18년 전 | 2506 | ||
| 1060 | 18년 전 | 2309 | ||
| 1059 | 18년 전 | 3464 | ||
| 1058 | 18년 전 | 2589 | ||
| 1057 | 18년 전 | 2573 | ||
| 1056 | 18년 전 | 3409 | ||
| 1055 | 18년 전 | 4622 | ||
| 1054 | 18년 전 | 2961 | ||
| 1053 | 18년 전 | 2799 | ||
| 1052 | 18년 전 | 3346 | ||
| 1051 | 18년 전 | 6278 | ||
| 1050 | 18년 전 | 2180 | ||
| 1049 | 18년 전 | 1990 | ||
| 1048 | 18년 전 | 1943 | ||
| 1047 | 18년 전 | 2008 | ||
| 1046 | 18년 전 | 3192 | ||
| 1045 | 18년 전 | 2263 | ||
| 1044 | 18년 전 | 1954 | ||
| 1043 | 18년 전 | 1618 | ||
| 1042 | 18년 전 | 2077 | ||
| 1041 | 18년 전 | 3362 | ||
| 1040 | 18년 전 | 3232 | ||
| 1039 | 18년 전 | 1918 | ||
| 1038 | 18년 전 | 1494 | ||
| 1037 | 18년 전 | 3183 | ||
| 1036 | 18년 전 | 2057 | ||
| 1035 | 18년 전 | 1613 | ||
| 1034 | 18년 전 | 2837 | ||
| 1033 | 18년 전 | 1970 | ||
| 1032 | 18년 전 | 1841 | ||
| 1031 | 18년 전 | 1811 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기