Swiper-框架介绍

关于Swiper

目前有Swiper4.x、Swiper3.x和Swiper2.x这三个版本
Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为IOS而设计的，同时，在Android、WP8系统也有着良好的用户体验，Swiper从3.0开始不再全面支持PC端。因此，如需在PC上兼容更多的浏览器，可以选择Swiper2.x（甚至支持IE7）。
Swiper2.http://2.swiper.com.cn/usage/index.html
Swiper4.x的全部配置选项、方法、函数 http://www.swiper.com.cn/api/pagination/299.html
妙味课程Swiper移动端课程： 教学视频 https://study.miaov.com/study/show/chapter/271

Swiper4x. 基本配置

Swiper组件放在最上面

Swiper组件放在最上面

    
    
    
    
    
    



    

        

            

                
Slide 1
                
Slide 2
            

            
            


            
            

            


            
            
        
    

    
    
    

为了让轮播图自适应

// 
$(window).on('scroll load resize', function() {
    $('.swiper-container').css('height', $('.banner img').height());

})

---

image.png