fadeEffect
fade效果参数。可选参数:crossFade。
默认:false。关闭淡出。过渡时,原slide透明度为1(不淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
可选值:true。开启淡出。过渡时,原slide透明度从1->0(淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
当你的slide中图片大小不同时可以用到。
默认:false。关闭淡出。过渡时,原slide透明度为1(不淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
可选值:true。开启淡出。过渡时,原slide透明度从1->0(淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。
当你的slide中图片大小不同时可以用到。
fadeEffect信息
- 类型:
- object
- 启用版本:
- 4.0.0
效果演示
false
true
应用实例:逐渐变小的图片展示
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
effect : 'fade',
fadeEffect: {
crossFade: true,
}
})
</script>
Swiper4.x fade应用,渐变的博客内容切换 [下载]
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/effects/194.html