私が使用している現在の方法は、afterChange
イベント時にインデックス値をインクリメントするだけですが、ユーザーが逆方向に移動すると、これは機能しなくなります。現在の画像インデックスを確認するにはどうすればよいですか?
(function($){ $(function(){
var i = 0
var swapColor = function(){
var index = i++ % $("#slider img").length // gets the calculated index according to hom many times the slider has swapped slides
var color = $("#slider img").eq(index).data('color')
$(".nivo-caption, .nivo-html-caption").css({backgroundColor: color})
}
$('#slider').nivoSlider({
afterLoad: swapColor,
beforeChange: swapColor
});
}) })(jQuery);