swiper3使用心得

1.显示多个silde,每次轮播一个slide：

  选用插件版本：未加载jQuery或zepto的版本。

  使用方法：引入swiper.min.css文件，并在js部分添加：

                        1）slidesPerView:‘auto’，或者slidesPerView:3 //显示slide数量，填数字时会自动根据显示框大小计算每个slide的宽以及间距。而选择‘auto’会根据container宽度来调整slide的数量。

                        2）spaceBetween: 数字，//表示slide之间的间距。

 注意： 

1）在loop模式下使用slidesPerView:‘auto’，需要loopedSlides:数字，来设置需要的循环(loop)个数，一般情况下数字设为slide个数。

 2）当在loop模式下使用slidesPerView:‘auto‘时，总共的slide个数要大于每屏显示的slide个数，如果小于等于，则会向下轮播一次后停止向下轮播。

2.导航按钮定位，颜色：

   定位：导航按钮可以显示在轮播框外，在container框外加一个div框做相对定位即可。

   颜色：导航按钮默认为蓝色，另设置有白色，黑色，需要用时可加class: swiper-button-white/black

 若是要修改为其他颜色则需要修改swiper.css: