11.8

轮播图的实现原理：

利用浮动将所有所有照片依次排成一行，给这一长串图片添加一个父级的遮罩，每次只显示一张图，其余的都隐藏起来。对图片添加绝对定位，通过控制属性，实现照片的移动；

图片移动原理：

从a位置移动到b位置，需要先计算两点之间的差值，通过差值和时间间隔，计算出每次移动的步长，通过添加定时器，每次移动相同的，实现动画效果。

图片定位停止原理：

每一张照片都有相同的宽度，每张照片都有一个绝对的定位数值，通过检测定每次移动后，照片当前位置和需要到达位置之间的距离是否小于步长，如果小于，说明已经移动到位；

<script type="text/javascript">

$(function ()

 {

var current=0;

}
根据图片数量进行改变
var count=$(".pics-list li").length-1;

这个就是它的宽度，根据你图片的大小改变而改变
var width=$(".pics-list li").width();