多个自定义拇指寻呼机

Question

我尝试使用bxslider为同一个滑块创建多个自定义寻呼机拇指，这里是我的jsfiddle。

目前我有一个主滑块，必须使用两个拇指侧面传呼机进行管理，两者都必须独立控制主要滑块。 点击侧边缩图，我想改变主滑块中的图像。

<!-- The main images -->
<ul id="bxslider">
  <li><img src="http://dummyimage.com/600x400/000/fff.png" alt=""></li>
  <li><img src="http://dummyimage.com/600x400/000/ff0099.png" alt=""></li>
  <li><img src="http://dummyimage.com/600x400/000/ff0000.png" alt=""></li>
  <li><img src="http://dummyimage.com/600x400/000/fff000.png" alt=""></li>
  <li><img src="http://dummyimage.com/600x400/000/fff.png" alt=""></li>
  <li><img src="http://dummyimage.com/600x400/000/fff.png" alt=""></li>
</ul>

Jsfiddle