swiper轮播插件封装 - 加速器之家

Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。我们如果页面用到多个轮播的话，可以封装起来，使代码更加的简洁。

 <script>
  // 轮播封装
  function fun_swiper(opjnew,objnew1,objnew2){
    var swiper = new Swiper(opjnew, {
          pagination: objnew1,
          slidesPerView: 1,
          paginationClickable: true,
          spaceBetween: 0,
          speed:600,
          autoplay: 3000,
          autoplayDisableOnInteraction : false,
          loop: true,
          effect: objnew2
      })
  }
 </script>

使用方法：传递父div、轮播点、切换类型

<script> 
  $(function(){
    fun_swiper("#nbanner-container","#nbanner-pagination","slide"); //banner
    fun_swiper("#n_new-container","#n_new-pagination","slide"); //热点
    fun_swiper("#n_about-container","#n_about-pagination","fade"); //热点
    fun_swiper("#n_doctor-container","#n_doctor-pagination","slide"); //专家团队
     
      var lh = 0;
      window.onload = setInterval(function(){
          var leng = $(".nsmallnav li a").length;
              var ran = parseInt(Math.random()*leng);
              var arr = [ran,ran-'1'];
                  $('.nsmallnav li a').removeClass('onver');
                  $('.nsmallnav li a').eq(arr[0]).addClass("onver");
       },3000);
  })
</script>