我正在使用 NivoSlider 并稍微编辑了核心以在缩略图周围创建一个 UL,以便能够为它们提供更好的标记。使用一些 jQuery,我正在根据 Nivo 提供的“活动”类更改 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
});
http://imgur.com/tdInJpJ [图片的代表还不够,抱歉]