swiper相关代码

插件自己去官网下载，或者用本地下载的插件(一般都会使用AMD模块化，swiper.js需在主模块'path'里配置下，swiper.css在主页面直接link就可以，一般主模块都放在根目录)

html:

<div class="swiper-container ">


<div class="swiper-wrapper">
   
</div>
   <!-- 如果需要分页器 -->
 <div class="swiper-pagination " id="text"></div>
  
</div>

css:

*{margin: 0;padding: 0;}
.swiper-container{width:100%;height: 9rem;}
.swiper-container div{width: 100%;height: 9rem;}
.swiper-container img{width: 16rem;height: 9rem;}

js:

for(var i = 0; i < arr.length; i++) {
var obj = arr[i];
var imgObj = $('<div class="swiper-slide"><img/>/div>');
imgObj.find('img').attr('src',obj.img);
$('.swiper-wrapper').append(imgObj);
}

var mySwiper = new Swiper ('.swiper-container', {
   
   loop: true,
   autoplayDisableOnInteraction : false,
   // 如果需要分页器
   pagination: '.swiper-pagination',
  autoplay: 2000,//可选选项，自动滑动
})    

主模块:

require.config({
paths:{

swiper:'./lib/swiper-3.3.1.min'
},

}