这是我在stackoverflow上的第一篇文章：）
我拥有的是： http://codepen.io/vicfdes/pen/VYXZYL/
<div class="image-container" style="background: url('http://placehold.it/250/ccc/000/&text=back') no-repeat center;">
<img src="http://placehold.it/250/333/ccc/&text=front" alt="" id="" class="cs-img-front"/>
</div>
上面的HTML代码是缩略图的格式（我现在有，我可以更改） 我在div中使用背景图像，因为我希望图像在悬停时可见。这部分正如您在codepen上看到的那样工作。
我需要做的是，当用户点击拇指时，需要使用拇指的img和（cs-slider-right-img）需要替换Image（cs-slider-left-img）要替换为div背景中的图像。
还需要一种方法（逻辑）使两个橙色箭头按钮工作（对于cs滑块），这样它就会移动到当前图像（拇指）的下一个/上一个图像。
请参阅codepen以查看这两张图片的位置。
此外，拇指将根据该类别下的帖子数量（WordPress）动态生成，因此我无法知道会有多少拇指，所以我需要一个适用于任何数字的通用函数大拇指
感谢Mates