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

时间:2013-08-15 07:26:44

标签: javascript html nivo-slider

我正在与NivoSlider合作并对核心进行了一些编辑,以便在缩略图周围创建一个UL,以便能够为他们提供更好的标记。有了一些jQuery,我正在改变基于“活跃”类的alpha,Nivo给出了a。现在我想知道我是否可以自动将缩略图容器向右滑动,基于让我们说第4个项目,因为那是一个看不见的。我正在考虑用模运算符做一些事情但是不能真正想到一个可以帮助我的公式......

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
});

http://imgur.com/tdInJpJ [图片还不够,对不起]

1 个答案:

答案 0 :(得分:0)

我花了一段时间,但我想通了。最终我全力以赴,继续为NivoSlider添加功能。 对于遇到过同样问题的人: http://tinyurl.com/p72kbna