jquery - ギャラリーサムスライダーjquery

Question

サムネと大きな画像でギャラリーっぽいものを作ってみました。非常に基本的です。スライドサムdivを作成したいと思います。13 枚の画像、次および前のボタンを含む div を取得しました。しかし、私は4つの画像だけを見えるようにしたい. 次のボタンをクリックすると、次の画像が表示されます（私はそれを作成しました）。必要なのは、4番目の画像を過ぎると、親指が次の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>