Javascript 基于活动元素的自动滑动滚动条

我正在使用NivoSlider，并对核心部分进行了一些编辑，以便在缩略图周围创建一个UL，从而能够为它们提供更好的标记。通过一些jQuery，我根据Nivo给出的“active”类更改了alpha。现在我想知道我是否可以自动地将缩略图容器滑动到右边，比如说每四个项目，因为这是一个看不见的项目。我想用模运算符做点什么，但想不出一个公式能帮我解决这个问题

jQuery('#pageSlider').nivoSlider({
    effect: 'slideInLeft',          // Specify sets like: 'fold,fade,sliceDown'
    directionNav: false,                // Next & Prev navigation
    controlNav: true,                   // 1,2,3... navigation
    controlNavThumbs: true,         // Use thumbnails for Control Nav
    afterChange: function(){        // Triggers before a slide transition
        jQuery('.nivo-controlNav.nivo-thumbs-enabled ul li').each(function() {
            jQuery(this).css({'opacity':'0.5'});
        });
        jQuery('.nivo-controlNav.nivo-thumbs-enabled ul li .nivo-control.active').parent().css({'opacity':'1'});
    },
    pauseTime: 5000                         // How long each slide will show -- bottom for IE7 fix
});

---

[还没有足够的图像，抱歉]

我花了一些时间，但我找到了答案。最后，我全力以赴，继续为NivoSlider添加功能。 对于任何遇到同样问题的人：