查看: 3951|回复: 4
打印 上一主题 下一主题

基于Swiper2的fade切换效果

[复制链接]

该用户从未签到

0

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
楼主
发表于 2019-3-27 09:02:44 | 显示全部楼层
不兼容ie9有解决方法吗
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
沙发
发表于 2019-3-27 18:23:51 | 显示全部楼层
JoyEcho 发表于 2019-3-27 09:02
不兼容ie9有解决方法吗

终于搞好了,其实很简单,完美实现swiper2 的fade切换效果,兼容性极好   
<script>
  var mySwiper = new Swiper('.swiper-container',{
        speed:0,
  })
  </script>
<style>
.swiper-slide{ opacity:0; transition:2s; -transition:2s;}
.swiper-slide-active{ opacity:1;}
</style>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-5 12:43 , Processed in 0.065472 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表