본문 바로가기
Developer/Javascript & jQuery

[Javascript] 슬라이드쇼2 천천히

by 순수한소년 2017. 1. 29.
728x90
반응형
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script language="JavaScript"> 
var n=1
 
mybook = new Array()
for(i=0;i<5;i++){
mybook[i] = new Image()
mybook[i].src = "book"+i+".gif";
}
 
function show(){
book.filters.blendTrans.apply();
document.book.src = mybook[n].src; 
book.filters.blendTrans.play();
n++
if(n>4){n=0;}
timer=setTimeout("show()",5000);
}
 
function stop(){
clearTimeout(timer);
}
</script> 
 
 
<center>
<img src="book0.gif" name="book" style="filter:blendTrans(duration=3)">
<form>
<input type="button" value="start" onclick="show()">
<input type="button" value="stop" onclick="stop()">
</form>
<h3>Fade-in, fade-out 슬라이더 쇼</h3> 
</center>
cs

Fade-in, fade-out 슬라이더 쇼


728x90
반응형