私は NivoSlider を使用しており、コアを少し編集してサムネイルの周りに UL を作成し、より良いマークアップを提供できるようにしました。いくつかのjQueryを使用して、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 [まだ画像の担当者が足りません、ごめんなさい]