1.加载插件:
<!DOCTYPE html> <html> <head> ... <link rel="stylesheet" href="path/to/swiper.min.css"> </head> <body> ... <script src="path/to/swiper.min.js"></script> </body> </html>
2.看文件中的demo中获得可以使用的轮播示例。
3.
<script> var swiper = new Swiper('.swiper-container',{ slidesPerView: 2,//一个屏幕显示两页 slidesPerView:'auto',//设置auto以后可以css设置slide的宽度和两个slide之间的margin-right loop: true,//设置为true,可以在图片轮播完成后继续滑动轮播 }); </script>
后续增加……