<html>
<head>
<title>圖片淡入淡出</title>
<style type="text/css">
<!--
body{
background:#000000;
}
img{
filter:BlendTrans(duration=3);
border:none;
}
-->
</style>
</head>
<body>
<script language="javascript">
function img1(x){ // 獲取數組記錄數
this.length=x;
}
//申明數組并給數組元素賦值，也就是把圖片的相對路徑保存起來
//若是圖片較多，可增加數組元素的個數，
//在這個例子中用了五張圖片，所以數組元素個數為“5"。
iname=new img1(5);
iname[0]="photo/01.jpg";
iname[1]="photo/02.jpg";
iname[2]="photo/03.jpg";
iname[3]="photo/04.jpg";
iname[4]="photo/05.jpg";
var i=0;
function play1(){ // 演示變換效果
if (i==4){ i=0; } //當進行到iname[4]時，返回iname[0]
else{ i++; }
tp1.filters[0].apply(); //tp為圖像的name，在<img>標記中定義
tp1.src=iname[i];
tp1.filters[0].play();
mytimeout=setTimeout("play1()",4000);
//設置演示時間，這里是以毫秒為單位的，所以“4000 ”是指每張圖片的演示時間是4秒
//這個時間值要大于濾鏡中設置的轉換時間值，這樣當轉換結束后還能停留一段時間，看清楚圖片。
}
</script>
<p><img src="photo/04.jpg" name="tp1"></p>
<script language="javascript">//play1();</script>
</body>
微信網站
