<script>
<!--

// 이미지 사이의 시간 간격(1000 = 1초)
var slidespeed=5000
// 보여줄 이미지들의 경로 - 갯수만큼 만들어줌
var slideimages=new Array("http://unistyle.net/zboard/data/set_board3/small_23.thumb","http://unistyle.net/zboard/data/set_board3/small_22.thumb","http://unistyle.net/zboard/data/set_board3/small_21.thumb","http://unistyle.net/zboard/data/set_board3/small_20.thumb","http://unistyle.net/zboard/data/set_board3/small_9.thumb","http://unistyle.net/zboard/data/set_board3/small_5.thumb","http://unistyle.net/zboard/data/set_board3/small_38.thumb","http://unistyle.net/zboard/data/set_board3/small_15.thumb","http://unistyle.net/zboard/data/set_board3/small_17.thumb","http://unistyle.net/zboard/data/set_board3/small_37.thumb","http://unistyle.net/zboard/data/set_board3/small_13.thumb","http://unistyle.net/zboard/data/set_board3/small_29.thumb","http://unistyle.net/zboard/data/set_board3/small_1.thumb","http://unistyle.net/zboard/data/set_board3/small_16.thumb","http://unistyle.net/zboard/data/set_board3/small_2.thumb","http://unistyle.net/zboard/data/set_board3/small_4.thumb","http://unistyle.net/zboard/data/set_board3/small_36.thumb","http://unistyle.net/zboard/data/set_board3/small_27.thumb","http://unistyle.net/zboard/data/set_board3/small_6.thumb","http://unistyle.net/zboard/data/set_board3/small_35.thumb","http://unistyle.net/zboard/data/set_board3/small_28.thumb","http://unistyle.net/zboard/data/set_board3/small_32.thumb","http://unistyle.net/zboard/data/set_board3/small_11.thumb","http://unistyle.net/zboard/data/set_board3/small_33.thumb","http://unistyle.net/zboard/data/set_board3/small_30.thumb","http://unistyle.net/zboard/data/set_board3/small_19.thumb","http://unistyle.net/zboard/data/set_board3/small_34.thumb","http://unistyle.net/zboard/data/set_board3/small_31.thumb","http://unistyle.net/zboard/data/set_board3/small_14.thumb","http://unistyle.net/zboard/data/set_board3/small_39.thumb","http://unistyle.net/zboard/data/set_board3/small_12.thumb","http://unistyle.net/zboard/data/set_board3/small_18.thumb","http://unistyle.net/zboard/data/set_board3/small_8.thumb","http://unistyle.net/zboard/data/set_board3/small_3.thumb","http://unistyle.net/zboard/data/set_board3/small_26.thumb","http://unistyle.net/zboard/data/set_board3/small_25.thumb")
// 각 이미지들의 링크 - 갯수만큼 만들어줌
var slidelinks=new Array("","","","","","","","","","","","","","","","","","","","","","","","","","","","","")

var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

//-->
</script>

<a href='http://unistyle.net/zboard/zboard.php?id=set_board3'>
<img src="http://unistyle.net/zboard/data/set_board3/small_23.thumb" name="slide" style="filter:progid:DXImageTransform.Microsoft.GradientWipe(MaxSquare=15,Duration=1);" border=0 width=160  height=120 vspacing=10 hspacing=10 align="absmiddle" ALT="유니의 포토폴리오 보기" style="border:2 solid #222;"></a>
       

<script>
/*
위 링크의 스타일을 보시면 Fade 라는 부분이 있습니다. 아래 아무거나 적용하시면 됨니다.
Spiral           :  머였더라...ㅡㅡ;
Pixelate         :  픽셀이 분해되서 모이는효과입니다.
Fade             :  이미지가겹치면서 샤샥변하는효과.
RandomDissolve   :  말그대로 디졸브효과입니다..랜덤
GradientWipe     :  옆에서보터 서서히변합니다.
*/
</script>

<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()

//-->
</script>

 

요거 응용 할수 없을까요.

 

옆에서부터 샤샤샥..-_-)