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

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

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

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

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

基于HTML5和CSS的焦点图特效

基于HTML5和CSS的焦点图特效
  幻灯片和轮播图
 12449  88

jQuery手机响应式设计焦点图

jQuery手机响应式设计焦点图
  幻灯片和轮播图
 18636  103
  幻灯片和轮播图
 15208  134

jQuery门户网站带缩略图相册

jQuery带缩略图相册效,一个不错的相册效果,推荐大家使用哦!
  幻灯片和轮播图
 19264  128

讨论这个项目(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

    回复
取消回复