jQuery实现简单的图片轮播（二）-增加左右（或上下）翻页功能

1. 需求

上一篇文章《jQuery实现简单的图片轮播》实现的效果中，图片只能从右边出现，不能从左右都出现，所以本文将实现图片从左右（或上下）都可以出现的功能。

为避免与上一篇文章过多重复，本文中实现了图片上下翻页出现的功能。

2. 思路：

首先通过jQuery的选择器找到之前选中的li元素在li元素集合中的索引位置，然后同样通过jQuery的选择器找到当前选中的li元素在li元素集合中的索引位置，最后对两者进行比较。

如果当前索引位置 = 之前索引位置，则什么都不做；

如果当前索引位置 > 之前索引位置，则向上翻页；

如果当前索引位置 < 之前索引位置，则向下翻页。

3. 实现代码

3.1 文件结构