<html>
<head>
<title>해피CGI</title>
<script language="JavaScript1.1">
<!--
var photos=new Array()
var photoslink=new Array()
var which=0
photos[0]="http://demo.happycgi.com/jini/pick1.jpg";
photos[1]="http://demo.happycgi.com/jini/pick2.jpg";
photos[2]="http://demo.happycgi.com/jini/pick3.jpg";
photos[3]="http://demo.happycgi.com/jini/pick4.jpg";
var linkornot=0
photoslink[0]="http://www.happycgi.com/";
photoslink[1]="http://www.happycgi.com/";
photoslink[2]="http://www.happycgi.com/";
photoslink[3]="http://www.happycgi.com/";
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
applyeffect()
document.images.photoslider.src=photos[0]
playeffect()
keeptrack()
}
function forward(){
applyeffect()
document.images.photoslider.src=photos[1]
playeffect()
keeptrack()
}
function nextward(){
applyeffect()
document.images.photoslider.src=photos[2]
playeffect()
keeptrack()
}
function transport(){
window.location=photoslink[which]
}
//-->
</script>
</head>
<body>
<center>
<a href="#" onClick="backward();return false"><img src="http://demo.happycgi.com/jini/pick1.jpg" width="50" height="50" border=0></a>
<a href="#" onClick="forward();return false"><img src="http://demo.happycgi.com/jini/pick2.jpg" width="50" height="50" border=0></a>
<a href="#" onClick="nextward();return false"><img src="http://demo.happycgi.com/jini/pick3.jpg" width="50" height="50" border=0></a>
<table cellpadding=10 cellspacing=0 border=0>
<td bgcolor=white style="border:1px #999999 solid">
<script>
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0><br>');
</script>
</td>
</table>
</body>
</html>
|
