swiper插件使用技巧

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>

后续增加……

posted @ 2018-04-10 14:09  风雨飘飘飘啊飘  阅读(209)  评论(0)  编辑  收藏  举报