jcarousel项目滚动可见项目，了解如何添加第一个和最后一个添加类

Question

我使用http://sorgalla.com/jcarousel slider。

我在点击幻灯片1图像上的一张幻灯片上显示3张图像。

我想在第一个和最后一个添加类的visibale项目列表。 所有准备好我已经使用targetout事件添加了第一类可见的当前项目但是如何在可见的最后项目上添加类。

var jcarousel1 = $('.jcarousel1');

jcarousel1.on('jcarousel:targetin', 'li', function() {
    $(this).addClass('first');
})
jcarousel1.on('jcarousel:targetout', 'li', function() {
    $(this).removeClass('first');
})

See Hear

Answer 1

获取当前项目索引值，然后在添加类的增量值中添加当前索引。

var jcarousel1 = $('.jcarousel1');

jcarousel1.on('jcarousel:targetin', 'li', function() {
    $( ".jcarousel1 li" ).eq($(this).index() + 2).addClass('last');
    $(this).addClass('first');

});
jcarousel1.on('jcarousel:targetout', 'li', function() {
    $(this).removeClass('first');
    $( ".jcarousel1 li" ).eq($(this).index()+ 2).removeClass('last');
});