<html>
<head>
<title>해피CGI</title>
<style type="text/css">
.seqslidestyle{
margin-right: 10px;
}
</style>
</head>
<body>
<script type="text/javascript">
var seqslides=new Array()
//첫번째: 이미지경로, //두번째: 링크주소, //세번째: 이미지설명
seqslides[0]=["img/thumb/thumb01.jpg", "http://www.happycgi.com", "제주도 여행의 환상"]
seqslides[1]=["img/thumb/thumb02.jpg", "http://www.happycgi.com", "판타지아 제주"]
seqslides[2]=["img/thumb/thumb03.jpg", "http://www.happycgi.com", "꿈의 섬 제주"]
seqslides[3]=["img/thumb/thumb04.jpg", "http://www.happycgi.com", "제주 월드컵"]
seqslides[4]=["img/thumb/thumb05.jpg", "http://www.happycgi.com", "후아유"]
seqslides[5]=["img/thumb/thumb06.jpg", "http://www.happycgi.com", "마이네임 해피"]
seqslides[6]=["img/thumb/thumb07.jpg", "http://www.happycgi.com", "브레드푸드"]
seqslides[7]=["img/thumb/thumb08.jpg", "http://www.happycgi.com", "프레쉬맨"]
seqslides[8]=["img/thumb/thumb09.jpg", "http://www.happycgi.com", "가루지기"]
seqslides[9]=["img/thumb/thumb10.jpg", "http://www.happycgi.com", "냐하하하!"]
var slidedelay=1000 //딜레이 1000=1초
var slidestoreveal=4 //목록 갯수
var slideseparater="<br>" //줄간 태그
var optlinktarget="secwindow"
var imgborderwidth=0
var opacityvalues=[0.2,1]
function processimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'" style="border:1 solid red; filter:alpha(opacity='+(opacityvalues[0]*100)+');-moz-opacity:'+opacityvalues[0]+'" title="' + theimg[2] + '">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}
var curslide=1 //var to track current slide (total: slidestoreveal)
var curimgindex=0 //var to track current image (total: seqslides.length)
var isfirstcycle=1 //boolean to indicate whether this is the first cycle
if (document.getElementById){
for (i=0;i<slidestoreveal;i++)
document.write('<span id="seqslide'+i+'" class="seqslidestyle">'+processimgcode(seqslides[i])+'</span>'+slideseparater)
curimgindex=slidestoreveal
illuminateslide(0,opacityvalues[1])
}
function illuminateslide(slideindex, amt){
var slideobj=document.getElementById("seqslide"+slideindex).getElementsByTagName("IMG")[0]
if (slideobj.filters)
slideobj.filters.alpha.opacity=amt*100
else if (slideobj.style.MozOpacity)
slideobj.style.MozOpacity=amt
}
function displayit(){
if (curslide<slidestoreveal){
if (!isfirstcycle)
changeimage(curslide)
illuminateslide(curslide, opacityvalues[1])
curslide++
}
else{
isfirstcycle=0
for (i=0;i<slidestoreveal;i++)
illuminateslide(i, opacityvalues[0])
changeimage(0)
illuminateslide(0, opacityvalues[1])
curslide=1
}
}
function changeimage(slideindex){
document.getElementById("seqslide"+slideindex).innerHTML=processimgcode(seqslides[curimgindex])
curimgindex++
if (curimgindex>=seqslides.length)
curimgindex=0
}
if (document.getElementById)
setInterval("displayit()",slidedelay)
</script>
</body>
</html>
|
