关于javascript:JavaScript简单实现图片缩略图自动滚动

这周做了一个看似很简略的需要（就是给页面新增图片这么简略 …..）过后我很开心刷刷刷把新图链接加上去就提测了。
然而当需要处于测试阶段时发现事件没有那么简略！！因为需要我的项目较老，发现我的项目内的成果全都是用原生 JS 实现的。而后本来的图片缩略图组件竟然不兼容 切换图片时缩略图主动定位，所以又另外花了工夫对本来的图片缩略图组件进行改进。

先来看一下最终要实现的成果：

整体思路：

要害变量

• 变量 currentIndex 示意 以后将切换图片的 index
• 数组变量 currentShowItem 示意 以后缩略图区域展现进去的图片 index

大体思路

• 所有用户交互时都须要从新计算 currentIndex 与currentShowItem
• 所有用户交互时都须要判断 currentIndex 是否存在于 currentShowItem 中：若不在，则须要将缩略图区域滚动到将要切换的图片地位；若存在，则无需滚动缩略图区域
• 计算缩略图要滚动的地位

以下是逐步欠缺组件的过程

（待欠缺）