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

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

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

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

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

魔兽世界轮播图

很简单的一款小插件 希望大家喜欢
  幻灯片和轮播图
 7002  9

好玩的蹦床效果轮播图

一个有趣的内容导航效果,使用可拖动的弹性堆栈和Snap.svg动画像蹦床一样的背景形状。
  幻灯片和轮播图
 4181  38

仿英雄杀游戏官网幻灯片JS代码

仿英雄杀游戏官网幻灯片JS代码
  幻灯片和轮播图
 14235  132

响应式轮播

jQuery响应式轮播图插件
  幻灯片和轮播图
 33395  266

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

    王靖生 0
    2018/3/19 20:13:26
    陈先森 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

    回复
取消回复