轮播图

最近沉迷于做轮播图无法自拔！！！ 前端小沫沫推荐一个很好用的网站， swiper 里面有很多模板，经过我这几天的摸索，沉迷于成功后的喜悦无法自拔，怀着激动的心情跟大家分享一下。 查看演示以后我们下载源码后把需要的js和css引入。

 

 

特别注意的是，在html中最后写的script 要放到js文件中靠后的位置。

控制轮播图自动播放的js也可以这样写：

   var mySwiper = new Swiper('.swiper-container', {
                  autoplay:{
                       delay:3000,
                       stopOnLastSlide:false
                  },

                        // 如果需要分页器
                  pagination: {
                      el: '.swiper-pagination',
                  },

           });

来源：oschina

链接：https://my.oschina.net/u/3883702/blog/1858096