javascript轮播图算法

所以我想介绍一下javascript纯代码实现的图片轮播。HTML这里我相信最多疑惑的是，明明五张图片为何要在首尾加两张图片做首尾呼应呢？原因如下图：这里以向左滚动的例子为说明一开始布局的时候left: -470px;先处于第2个li也就是第2张图，当我们图片陆续向左滚动到第7张图片的时候，迅速扯回到第2张图，然后还是继续向左滚动。其实上下滚动轮播图道理是一样的，只不过少了一个float:left属性，让li垂直排列。CSSjavascript函数方法这种通过计算位置轮播算法的好处是，可以在我的样式范围内，在HTML的内无限添加li里的图片，但是要记得要在首尾加前后呼应的li图片，并且根据图片大小来更改样式，就能实现图片轮播。