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