gallery thumb slider jquery

Question

我做了像拇指和大图像的画廊。非常基本的。我想创建滑动拇指div。我得到了13个图像的div，next和prev按钮。但我想只能看到4张图像。单击下一个按钮，它显示下一个img（我创建了它），我需要的是，当它超过第4个img时，拇指滑动到接下来的4个图像，依此类推。另外，添加无限滚动会很不错，所以所有事情都会发生。我知道jquery的scrollable（），但这并不是我想要的。会欣赏一些材料，主要概念或简单的例子......

<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>