xslider 多张轮播图播放效果

<div class="scrolllist" id="s1">
  <a class="abtn aleft" href="#left" title="左移"></a>
	<div class="imglist_w">
	  <ul class="imglist">
		<li>
			<a href="#"><img src="images/t1.png"/><span>下载</span></a>	
		</li>
		<li>
			<a href="#"><img src="images/t2.png"/><span>下载</span></a>
		</li>
		<li>
			<a href="#"><img src="images/t3.png"/><span>下载</span></a>
		</li>
		<li>
			<a href="#"><img src="images/t4.png"/><span>下载</span></a>
		</li>
		<li>
			<a href="#"><img src="images/t1.png"/><span>下载</span></a>
		</li>
		<li>
			<a href="#"><img src="images/t2.png"/><span>下载</span></a>
		</li>
		<li>
			<a href="#"><img src="images/t3.png"/><span>下载</span></a>
		</li>
		<li>
			<a href="#"><img src="images/t4.png"/><span>下载</span></a>
		</li>
		<li>
			<a href="#"><img src="images/t1.png"/><span>下载</span></a>
		</li>
	 </ul>
  </div>		
 <a class="abtn aright" href="#right" title="右移"></a>
</div>

js代码如下：

$(function() {
	//默认状态下左右滚动
	  $("#s1").xslider({
	  unitdisplayed: 4,//可视的单位个数   必需项;
	  movelength: 1, //要移动的单位个数    必需项;
	  //unitlen: 85,
	  //autoscroll: 3000
      //maxlength: null, //可视宽度或高度    默认查找要移动对象外层的宽或高度;
      //scrollobj: null, //要移动的对象     默认查找productshow下的ul;
      // unitlen: null, //移动的单位宽或高度     默认查找li的尺寸;
      //nowlength: null, //移动最长宽或高（要移动对象的宽度或高度）   默认由li个数乘以unitlen所 
                         得的积;
      //dir: "H", //水平移动还是垂直移动，默认H为水平移动，传入V或其他字符则表示垂直移动;
      //autoscroll: 5000 //自动移动间隔时间     默认null不自动移动;
	});
})