swiper 插件使用

Swiper使用方法

1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。

    ...
    


    ...
    

如果你的页面加载了jQuery.js或者zepto.js，你可以选择使用更轻便的swiper.jquery.min.js。

    ...
    


    ...
    
    

2.HTML内容。

    

        
Slide 1
        
Slide 2
        
Slide 3
    
    
    


    
    

    


    
    


导航等组件可以放在container之外

3.你可能想要给Swiper定义一个大小，当然不要也行。

.swiper-container {
    width: 600px;
    height: 300px;
}  

4.初始化Swiper：最好是挨着标签

如果不能写在HTML内容的后面，则需要在页面加载完成后再初始化。

或者这样（Jquery和Zepto）