<script language="JavaScript">
<!--
var k=0; //声明一个计数器变量
var imgname1="image/"; //所有图片地址的前面相同的部分，要根据实际修改这个值。
var imgname2=".gif"; //图片的文件格式，可根据实际情修改，前面那个小点不要漏了。
var imgnub=3; //要展示的图片的张数，根据实际修改此值。
function start(){ //程序主体部分
obj=eval("img1"); //若图像标记的ID号改变，请修改括号中的字符串值。
if (obj.filters.item(0).Transition==23) // 这部分语句是用于改变切换样式，在23种样式中循环。
obj.filters.item(0).Transition=1;
else
obj.filters.item(0).transition++;
obj.filters.item(0).Apply();
if (k<imgnub) {k++; //这部分语句用于改变图像标记的src的图片地址（既含路径的文件名）。
}else {k=1;
}
obj.src=imgname1+k+imgname2;
obj.filters.item(0).Play();
setTimeout("start(1)",3000); //每三秒钟刷新一次。
}
-->
</script>
</head>
<body onload="start()">
<img id="img1" src="image/0.gif" style="filter:revealTrans(Transition=2,Duration=1.5)">
</body>
</html>
示例2:
<Script LANGUAGE="JavaScript">
<!--
var num=1 //设置图片数初始值
var nummax=3 //图片数，可根据实际数更改
function img(sta)
{
obj=eval("img1");
objnum=eval("picnum");
if (obj.filters.item(0).Transition==23) // 这部分语句是用于改变切换样式，在23种样式中循环。
obj.filters.item(0).Transition=1;
else
obj.filters.item(0).transition++;
obj.filters.item(0).Apply();
if (sta==1) //以下部分用于切换图片和更新当前显示的图片号
num=num+1
else num=num-1
if (num>nummax) num=1
if (num<1) num=nummax
obj.src=http://www./images/ + num + ".jpg";//写图片地址，根据实际改写
obj.filters.item(0).Play();//显示切换图片时的滤镜效果
objnum.innerText="第"+num+"张";//更新图片数
}
//-->
</SCRIPT>
以上是实现图片切换的主要函数，除标明可以的外可以不必更改。
示例3:
表格、图片及按钮部分的代码如下：
<table width="200" border="1" align="left" cellpadding="0" cellspacing="0">
<tr>
<th colspan="3" scope="col"><img src="http;//fym888.nease.net/image/cssp1.jpg" name="img1" width="200" height="134" id="img1" style="filter:revealTrans(Transition=1,Duration=1.5)"></th>
</tr>
<tr>
<td width="57"><input name="Submit" type="button" value="下一张" onclick="img(1)"></td>
<td width="82"><div align="center"><span id="picnum">第1张</span></div></td>
<td width="57"><div align="right">
<input type="submit" name="Submit" value="上一张" onclick="img(2)">
</div></td>
</tr>
</table>
