基于swiper带视差切换效果的轮播图

所属分类:媒体-幻灯片和轮播图

 3750  36  查看评论 (5)
基于swiper带视差切换效果的轮播图 ie兼容10

解压文件,把对应的html文件复制到你相应的轮播图位置,css文件和js文件也复制到你的文件里面,注意不要有命名之类的冲突,导致页面出错,如果重名可以做一下相应的修改。我查看了所有的轮播图,几乎没有这样的效果的,思想来源于swiper视差轮播,觉得有必要分享出来给大家看一下。

相关插件-幻灯片和轮播图

jQuery自适应全屏banner滚动效果

实用的jQuery自适应全屏滚动banner,兼容效果好
  幻灯片和轮播图
 14934  54

jQuery滑动式图片轮播效果

jQuery滑动式图片轮播效果兼容ie6
  幻灯片和轮播图
 10645  24

带暂停播放功能和时间轴功能的图片幻灯片效果

带暂停播放功能和时间轴功能
  幻灯片和轮播图
 7873  82

jQuery 3d滚动轮播插件

类似洗牌特效,图片轮播
  幻灯片和轮播图
 11062  79

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    陈先森 0
    2018/1/9 16:58:30
    mochen91 0
    2018/1/7 3:58:40

    不能直接用的,因为包裹图片列表的那个容器,当轮播时会添加轮播代码,然后左边会带出来残影,一张图片的宽度,如果是多列布局,而幻灯片正好在中间,会导致左边容器的上部被遮挡了,原生的swiper就是的,我看了你这个好像也是一样的。

        放飞、0
        2018/1/11 14:25:50

        。。。这个,,,可以的吧大兄弟,,,我们网站就是三列,轮播图是放在中间部分的。你把代码复制过去,稍加修改,就可以用的。如果用不了的话,加我qq924103119,一起研究研究哈哈,我也是被产品逼得最后才做出来的,之前一直很懵逼。看了下没人写这样的轮播图,就决定上传上去供大家参考一下哈哈

    回复
    Years and years 0
    2017/12/26 14:07:14
    厉害了,第一次见到这个效果的轮播图
        ζ??C???o???o???o??0
        2017/12/28 9:04:01

    回复
取消回复