Javascript 如何使缩略图幻灯片仅显示缩略图图片

我需要制作一些带有缩略图滑块的简单JavaScript库

我制作了滑块，当我点击左箭头或右箭头时，右边的边距会发生变化，并添加或删除570px。但我想让它更好，当画廊加载时，取消向右滚动选项，因为实际上有图片，最后的图片也是如此

HTML结构如下所示：

<div class="tumbNavigation">
    <div class="right_nav"></div>
    <div class="thumbnails">
        <div class="thumbnailsWrapper">
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
            <div class="thumbItem"></div>
        </div>
    </div>
    <div class="left_nav"></div>
</div>

        var pos = 0;
        var width = 570;
  $('.left_nav').click(function(){
        pos = pos - width;
        $('.thumbnailsWrapper').stop(true).animate({ marginRight: pos + "px"}, 500);
    });

  $('.right_nav').click(function(){

        pos = pos + width;
        $('.thumbnailsWrapper').stop(true).animate({ marginRight: pos + "px"}, 500);
    });

---

你在正确的轨道上，但是没有必要在这里重新发明轮子。像这样的旋转木马是最常见的开发小部件之一，如此之多，以至于您一定会找到比您可以快速构建的任何东西更好、更稳定、功能更多的东西。下面是55个旋转木马javascript插件的列表：。我相信其中一个脚本会对您非常有用，或者它足够近，您可以将其修改为完美。

+1因为我正在寻找一些旋转木马脚本，它们在这里分组！THX:）