HTML代码

<div class="js-silder">
  <div class="silder-scroll">
    <div class="silder-main">
      <div class="silder-main-img"> <img src="images/2-1.jpg" alt=""> </div>
      <div class="silder-main-img"> <img src="images/3-1.jpg" alt=""> </div>
      <div class="silder-main-img"> <img src="images/1-1.jpg" alt=""> </div>
    </div>
  </div>
</div>

JS代码

$(function (){
	$(".js-silder").silder({
		auto: true,//自动播放，传入任何可以转化为true的值都会自动轮播
		speed: 20,//轮播图运动速度
		sideCtrl: true,//是否需要侧边控制按钮
		bottomCtrl: true,//是否需要底部控制按钮
		defaultView: 0,//默认显示的索引
		interval: 3000,//自动轮播的时间，以毫秒为单位，默认3000毫秒
		activeClass: "active",//小的控制按钮激活的样式，不包括作用两边，默认active
	});
});