Swiper 3.4.2移动端轮播插件
移动端项目的轮播图，Swiper 3.4.2算是老大哥级别的插件了。动画流畅、响应快，适合做触屏滑动。你要做首页 Banner、产品图展示啥的，用它挺顺手的，基本拿来就能用。
自动播放、触摸滑动、分页指示器这些功能都内置了，配置简单，参数清晰。比如设置autoplay: 3000就能每 3 秒切图，连 JS 小白也能快速上手。
多方向滑动也支持，左右、上下都行。再加上loop: true，轮播循环播放不带停顿，体验还蛮顺的。页面比较重的时候，也能用动态加载图片的方式减轻初始加载压力。
它的transition过渡效果靠CSS3 硬件加速，滑动动画丝滑不掉帧。不过你得注意下，IE9 以下不太能完美兼容，PC 端用得多的项目还是得测一下兼容性。
样式这块，可定制性也比较高。你想改分页器样式？自己加个 class 搞定。想换切换动画？配置effect: 'fade'，或者自己扩展也行。
如果你是做微信、小程序 web 页面、H5 活动页之类的，Swiper 3.4.2 还是挺好用的，文件小，功能全，关键是社区成熟，坑也都被前人踩过了。
有兴趣的可以看看这些相关文章：
如果你对新版本兼容性没太大要求，3.4.2 真的够用了，省心。
文件大小：458.68KB
评论区