jcarousel Пункт прокрутки видимый элемент о том, как добавить добавить класс первый и последний

Question

У меня есть http://sorgalla.com/jcarousel slider.

У меня есть отображение 3 изображений на одном слайде на слайде слайда 1 изображение.

Я хочу, чтобы список элементов 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'); 
});