幻灯片切换的案例中，如果不存在缩略图或者导航的小点点，一般只需要下标值的改变即可。

如果存在两组数据，而且数据之间必须有一一对应的关系时，就要依赖自定义属性的方法来传递各自的下标值了。

这个案例有两个版本。

第一个版本没有封装成函数，缩略图的active高亮效果的改变，是用点击下一个，去掉上一个有active的方式精准实现的。

第二个版本把图片的切换封装成了函数，缩略图的active高亮效果，用的是先把所有li的active效果去掉，再为当前被点击的li添加active完成。

该案例的核心依然是数组和自定义属性的应用。

功能有：

1、点击缩略图或者鼠标经过缩略图，缩略图有active高亮状态，同时切换对应的大图。

2、随着图片的变化，图片的统计数字和标题发生对应的变化。

效果如下：

案例下载地址：