<html>
<head>
<title>http://www.happycgi.com</title>
<style>
.Caption {
font-family: tahoma;
font-size: 9pt;
color: #FF3300; }
A.Controls:link { color:#666666;
text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:active { color:#666666; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
A.Controls:hover { color:#00FF00; text-decoration:none;
font-family: Arial;
font-size: 14pt;
font-weight: bold; }
</style>
<script>
var SlideShowSpeed = 3000;
var CrossFadeDuration = 2;
var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this
var showHot = false; // don't change this
Picture[1] = 'http://demo.happycgi.com/jini/pick1.jpg';
Picture[2] = 'http://demo.happycgi.com/jini/pick2.jpg';
Picture[3] = 'http://demo.happycgi.com/jini/pick3.jpg';
Picture[4] = 'http://demo.happycgi.com/jini/pick4.jpg';
Picture[5] = 'http://demo.happycgi.com/jini/pick5.jpg';
Picture[6] = 'http://demo.happycgi.com/jini/pick6.jpg';
Picture[7] = 'http://demo.happycgi.com/jini/pick7.jpg';
Picture[8] = 'http://demo.happycgi.com/jini/pick8.jpg';
Caption[1] = "이미지 설명 1";
Caption[2] = "이미지 설명 2";
Caption[3] = "이미지 설명 3";
Caption[4] = "이미지 설명 4";
Caption[5] = "이미지 설명 5";
Caption[6] = "이미지 설명 6";
Caption[7] = "이미지 설명 7";
Caption[8] = "이미지 설명 8";
var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;
var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}
function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}
}
</script>
</head>
<body onload='showHot=true;self.focus();'>
<table border=0 cellpadding=10 cellspacing=0>
<tr>
<td width=350 height=280 colspan="3">
<img src="http://demo.happycgi.com/jini/pick1.jpg" name=PictureBox>
</td>
</tr>
<tr>
<td id=CaptionBox class=Caption align=center colspan="3">
설정된 기본이미지가 먼저 나타납니다.
</td>
</tr>
<tr>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('B');">< <</a>
</td>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('H');">| | |</a>
</td>
<td align="center">
<a class=Controls href="#" onClick="javascript:control('F');"><b>> ></b></a>
</td>
</tr>
</table>
</body>
</html>
출처 : http://www.blueb.co.kr/
|
