jquery cycle2缩略图滚动

Question

我正在使用jquery Cycle2插件，我希望根据此示例自动创建幻灯片中图像的缩略图。

<pre>
<div class="cycle-slideshow"
 data-cycle-slides=">div"
 data-cycle-pager-template="<span><img src='{{firstChild.src}}' /></span>"
 data-cycle-fx="scrollHorz" 
 data-cycle-prev=".prev-gallery" 
 data-cycle-next=".next-gallery"
 data-cycle-pager=".cycle-pager">

<div><img src="1"></div>
<div><img src="2"></div>
<div><img src="3"></div>
<div><img src="4"></div>
<div><img src="5"></div>

<div class="cycle-pager"></div>

现在我们可以点击.cycle-pager span img中的缩略图来控制图像，我的问题是我们可以将缩略图也作为带左右按钮控件的滑块，这样如果他们有很多thumnnails，我们可以只显示其中的几个，然后单击左右按钮滚动所有这些缩略图。结果似乎有两个滑块。