JS做轮播图

首先，我们得做出一个轮播时候样式的原型：

 

我们要做的呢就是这种，当到轮播主图的时候有一个放大的效果；选择第3,4，5张图片作为轮播的：左图，主图，右图；

怎么操作呢？这里先预讲一下方法：

1、建立一个数组

2、创建：一个ul标签，5个li标签，5个img标签；

      设定各自的样式，把img放到li中，li放到ul中，再把li放到数组中；

3、用到数组的push(),pop(),unshift(),shift()方法实现，例：轮播时将5（第五张图片）删除，并到数组头部，以此循环

话不多说，上代码：

 css部分：

 方法就是这样，当然我们也可以插入两个左右箭头；方法都是一样的：

下一张