jquery - 画廊拇指滑块jQuery

Question

我用拇指和大图像制作了类似画廊的东西。很基础。我想创建滑动拇指 div。我有 13 张图片的 div，下一个和上一个按钮。但我只想让 4 张图像可见。单击下一个按钮，它会显示下一个图像（我已经创建了那个），我需要的是，当它超过第 4 个图像时，拇指滑动到下 4 个图像，依此类推。此外，添加无限滚动也会很好，所以一切都会发生。我知道 jquery 的可滚动（），但这并不是我想要的。将不胜感激一些材料，主要概念或简单的例子......

<div id="thumbs">
    <ul>
    <li><img src="assets/img/prev.png" class="prev"></li>
    <li>
      <a href="assets/img/img1_large.jpg" onclick="return false">
      <img style="margin-left: 33px;" src="assets/img/thumbs/img1_thumb.jpg"/></a>
    </li>
    <li>
      <a href="assets/img/img2_large.jpg" onclick="return false">
      <img src="assets/img/thumbs/img2_thumb.jpg" /></a>
    </li>

    <li>
      <a href="assets/img/img3_large.jpg" onclick="return false">
      <img src="assets/img/thumbs/img3_thumb.jpg" /></a>
        </li>

    <li>
      <a href="assets/img/img4_large.jpg" onclick="return false">
      <img src="assets/img/thumbs/img4_thumb.jpg" /></a>
    </li>

    <li>
      <a href="assets/img/img5_large.jpg" onclick="return false">
      <img src="assets/img/thumbs/img5_thumb.jpg" /></a>
    </li>

    <li><img src="assets/img/next.png" class="next"></li>
</div>