fade
fade效果参数。可选参数:crossFade(3.03启用)。
默认:false。关闭淡出。过渡时,原slide透明度为1(不淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
可选值:true。开启淡出。过渡时,原slide透明度从1->0(淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
默认:false。关闭淡出。过渡时,原slide透明度为1(不淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
可选值:true。开启淡出。过渡时,原slide透明度从1->0(淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
fade参数
- 启用版本:
- 3.0.0
效果演示
缓慢拖动查看对比。
false
true
使用方法示例
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
effect : 'fade',
fade: {
crossFade: false,
}
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://3.swiper.com.cn]
本文地址:https://3.swiper.com.cn/api/Effects/2015/0308/194.html