일정시간동안 이미지 자동으로 변경하기
<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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1730 | 17년 전 | 1179 | ||
| 1729 | 17년 전 | 1607 | ||
| 1728 | 17년 전 | 1673 | ||
| 1727 | 17년 전 | 1813 | ||
| 1726 | 17년 전 | 2949 | ||
| 1725 | 17년 전 | 2089 | ||
| 1724 |
|
17년 전 | 1767 | |
| 1723 |
끝없는사랑
|
17년 전 | 2108 | |
| 1722 |
끝없는사랑
|
17년 전 | 1814 | |
| 1721 | 17년 전 | 3345 | ||
| 1720 | 17년 전 | 1529 | ||
| 1719 | 17년 전 | 1646 | ||
| 1718 |
사랑합니다
|
17년 전 | 1364 | |
| 1717 | 17년 전 | 2184 | ||
| 1716 | 17년 전 | 3138 | ||
| 1715 |
|
17년 전 | 2271 | |
| 1714 |
|
17년 전 | 1730 | |
| 1713 | 17년 전 | 2986 | ||
| 1712 | 17년 전 | 4421 | ||
| 1711 | 17년 전 | 1735 | ||
| 1710 | 17년 전 | 3238 | ||
| 1709 |
jeans
|
17년 전 | 1565 | |
| 1708 |
|
17년 전 | 3474 | |
| 1707 | 17년 전 | 5839 | ||
| 1706 |
|
17년 전 | 1419 | |
| 1705 |
|
17년 전 | 2156 | |
| 1704 | 17년 전 | 1787 | ||
| 1703 |
심심맨닷컴
|
17년 전 | 1546 | |
| 1702 | 17년 전 | 2418 | ||
| 1701 |
|
17년 전 | 2619 | |
| 1700 | 17년 전 | 1599 | ||
| 1699 | 17년 전 | 2682 | ||
| 1698 |
RedRiverFisher
|
17년 전 | 3166 | |
| 1697 |
심심맨닷컴
|
17년 전 | 1527 | |
| 1696 |
eclub
|
17년 전 | 1936 | |
| 1695 | 17년 전 | 3841 | ||
| 1694 |
깜장고무신
|
17년 전 | 4474 | |
| 1693 |
stuartkim
|
17년 전 | 1878 | |
| 1692 |
stuartkim
|
17년 전 | 1742 | |
| 1691 |
|
17년 전 | 2668 | |
| 1690 | 17년 전 | 1843 | ||
| 1689 | 17년 전 | 3930 | ||
| 1688 | 17년 전 | 1653 | ||
| 1687 | 16년 전 | 1924 | ||
| 1686 |
|
17년 전 | 2254 | |
| 1685 | 17년 전 | 2103 | ||
| 1684 |
|
17년 전 | 3568 | |
| 1683 |
leeLook
|
17년 전 | 1588 | |
| 1682 | 17년 전 | 2652 | ||
| 1681 | 17년 전 | 1641 | ||
| 1680 | 17년 전 | 1902 | ||
| 1679 | 17년 전 | 7418 | ||
| 1678 | 17년 전 | 1994 | ||
| 1677 | 17년 전 | 4090 | ||
| 1676 | 17년 전 | 2415 | ||
| 1675 | 17년 전 | 2424 | ||
| 1674 | 17년 전 | 2149 | ||
| 1673 | 17년 전 | 2197 | ||
| 1672 | 17년 전 | 2622 | ||
| 1671 | 17년 전 | 3215 | ||
| 1670 | 17년 전 | 5324 | ||
| 1669 |
플래시007
|
17년 전 | 2780 | |
| 1668 |
|
17년 전 | 2696 | |
| 1667 | 17년 전 | 2549 | ||
| 1666 |
|
17년 전 | 1795 | |
| 1665 | 17년 전 | 2203 | ||
| 1664 | 17년 전 | 5306 | ||
| 1663 |
|
17년 전 | 3019 | |
| 1662 |
|
17년 전 | 2579 | |
| 1661 |
|
17년 전 | 3254 | |
| 1660 |
|
17년 전 | 2467 | |
| 1659 |
|
17년 전 | 2827 | |
| 1658 | 17년 전 | 5873 | ||
| 1657 | 17년 전 | 2630 | ||
| 1656 |
Piece
|
17년 전 | 2017 | |
| 1655 |
|
17년 전 | 2651 | |
| 1654 | 17년 전 | 1474 | ||
| 1653 | 17년 전 | 9796 | ||
| 1652 | 17년 전 | 4454 | ||
| 1651 | 17년 전 | 3285 | ||
| 1650 | 17년 전 | 1811 | ||
| 1649 | 17년 전 | 3599 | ||
| 1648 | 17년 전 | 2284 | ||
| 1647 | 17년 전 | 3730 | ||
| 1646 | 17년 전 | 5183 | ||
| 1645 | 17년 전 | 3846 | ||
| 1644 | 17년 전 | 2695 | ||
| 1643 | 17년 전 | 2940 | ||
| 1642 | 17년 전 | 2447 | ||
| 1641 | 17년 전 | 2786 | ||
| 1640 |
porgy
|
17년 전 | 1897 | |
| 1639 | 18년 전 | 3442 | ||
| 1638 |
컴퓨터기술자
|
18년 전 | 2134 | |
| 1637 |
|
18년 전 | 2258 | |
| 1636 | 18년 전 | 2072 | ||
| 1635 | 18년 전 | 3047 | ||
| 1634 |
귀여운현호
|
18년 전 | 1995 | |
| 1633 |
태양의서쪽
|
18년 전 | 2669 | |
| 1632 | 18년 전 | 3867 | ||
| 1631 | 18년 전 | 4566 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기