Авто слайд-полоса прокрутки на основе активного элемента

Question

Я работаю с NivoSlider и немного отредактировал ядро, чтобы создать UL вокруг эскизов, чтобы они могли дать им лучшую разметку. С некоторым jQuery я меняю альфа на основе «активного» класса. Ниво дает a. Теперь мне интересно, могу ли я автоматически сместить контейнер миниатюр вправо, основываясь на том, что позволяет говорить каждый четвертый элемент, потому что это тот, который не отображается. Я думал, что-то делать с оператором по модулю, но не могу думать о формуле, которая помогла бы мне здесь ...

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 [Не хватает респ для изображения еще, извините]

Answer 1

Мне потребовалось некоторое время, но я понял это. И в итоге я изо всех сил старался добавить функциональность к NivoSlider. К любому, кто когда-либо сталкивался с такой же проблемой: http://tinyurl.com/p72kbna