方法一:图片轮换时利用revealTrans滤镜产生转换效果:
style="filter:revealTrans(duration=1)">
方法二:利用wipe滤镜进行左右擦洗式轮换
style="filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=.5, wipeStyle=0, motion=’forward’)">
注意:图片名必须带有数字规律,而且扩展名一致。
提示:方法二的左右擦洗轮换的详细实现过程主要是依靠自定义对象的简略式写法。假设motion的当前值为"reverse",则
motion={reverse:’forward’,forward:’reverse’}[motion]
相当于
motion={reverse:’forward’,forward:’reverse’}["reverse"]
即
motion="forward"
如果motion的当前值为"forward",则
motion={reverse:’forward’,forward:’reverse’}[motion]
相当于
motion={reverse:’forward’,forward:’reverse’}["forward"]
即
motion="reverse"
所以motion的值就在"reverse"和"forward"之间不断轮换
特别提示
方法一的代码运行后,face文件夹下的图片face1.gif到face18.gif将从第一张到最后一张每两秒轮换一次,并且每次轮换的转换效果是23种转换效果里的随机一种。方法二的代码运行后,除了转换的效果是左右轮换式的擦洗效果,其它情况同方法一。:
图片轮换的图片文件名通常是有规律的序列,比如说是从1到N,然后设置定时器,每隔一段时间换一张图片,图片文件名作为一个自加变量,在轮换完后再从头开始。另外在任意两张图片的轮换时还会有一些转换的过渡效果,这个主要依靠转换滤镜来实现。
¥29.8
¥9.9
¥59.8