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'); 
});