I've looked through the other questions about this and not found a suitable answer.

What I need is very simple: The index of the currently shown item.

Here's my little chunk of config

    $('.carousel').jCarouselLite(
    { 
        btnNext: "#right-navigation",
        btnPrev: "#left-navigation",
        visible: 1,
        afterEnd: function(a)
        {
            // Code that requires the index
        }
    });

Note: the a is an object

Thanks!

I've looked through the other questions about this and not found a suitable answer.

What I need is very simple: The index of the currently shown item.

Here's my little chunk of config

    $('.carousel').jCarouselLite(
    { 
        btnNext: "#right-navigation",
        btnPrev: "#left-navigation",
        visible: 1,
        afterEnd: function(a)
        {
            // Code that requires the index
        }
    });

Note: the a is an object

Thanks!

• javascript
• jquery
• indexing
• jcarousellite

1 Answer 1

The elements representing the items that are visible after the animation ends are passed in as argument.

so you should be able to do something like

afterEnd: function(a){
   var index = $(a[0]).index();
}

to get the index of the first element