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

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

 37383  343  查看评论 (6)
分享到微信朋友圈
X
基于swiper带视差切换效果的轮播图 ie兼容10

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

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

jQuery响应式轮播图插件hwSlider

jQuery响应式轮播图插件hwSlider,支持移动端触屏滑动,同时还兼容低版本ie浏览器。
  幻灯片和轮播图
 43266  388

根据浏览器宽度大小自动调整图片的jquery相册代码

根据浏览器宽度大小自动调整图片的jquery相册代码
  幻灯片和轮播图
 26746  319

jQuery仿百度新闻首页焦点图

jQuery仿百度新闻首页焦点图
  幻灯片和轮播图
 45616  391

购物网站特色栏目jquery插件

可以随意设置栏目信息,顶端可以使用四格或者更多图片来滑动显示,美观大方。
  幻灯片和轮播图
 31031  379

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

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复