查看: 4428|回复: 3
打印 上一主题 下一主题

swiper切换时,淡入淡出怎么做,不是effects

[复制链接]
  • TA的每日心情
    郁闷
    2018-6-25 09:14
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    1

    主题

    6

    帖子

    23

    积分

    新手上路

    Rank: 1

    积分
    23
    跳转到指定楼层
    楼主
    发表于 2018-6-24 16:50:47 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    要有切换划过来划过去的效果,自动轮播过来时淡入,出去的时候淡出,怎么老弄不行
    $(function () {
      // 轮播图
      var mySwiper = new Swiper('.swiper-container', {
        autoplay: 3000,
        loop: true,//循环
        spaceBetween: 1000,
        speed: 5000,//滚动速度
        pagination: '.swiper-pagination',
        onTransitionStart: function (swiper) {
          $('.swiper-slide').animate({
            opacity: 1
          }, 1000)
        },
        onTransitionEnd: function (swiper) {
          $('.swiper-slide').animate({
            opacity: 0
          }, 1000)
        },

      })
    })



    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    郁闷
    2018-6-25 09:14
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    1

    主题

    6

    帖子

    23

    积分

    新手上路

    Rank: 1

    积分
    23
    沙发
     楼主| 发表于 2018-6-24 16:51:43 | 只看该作者
    大佬教教我呗
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    5

    帖子

    16

    积分

    新手上路

    Rank: 1

    积分
    16
    板凳
    发表于 2018-8-1 18:52:47 | 只看该作者
    同求,大佬快来!!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    2

    帖子

    4

    积分

    新手上路

    Rank: 1

    积分
    4
    地板
    发表于 2021-1-30 15:05:42 | 只看该作者
    DianRr 发表于 2018-8-1 18:52
    同求,大佬快来!!!

    大佬搞定了没有,我也要同样的效果
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-23 05:10 , Processed in 0.056009 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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