Question

Im using this plugin: http://sorgalla.com/projects/jcarousel/

I want there do be a counter that can display:
1 of 4

When clicking the next button, it should say:
2 of 4 and so on…

The script is the default initialization:

<script type="text/javascript">

                            jQuery('#mycarousel').jcarousel();

                        </script>

However, haven’t seen an example of this in the documentation ? So any help would be appreciated…

Thx

Answer 1

Uses something like this:

$(document).ready(function () {
    var nmrElements = $('#mycarousel').children('li').length;

    $('#mycarousel').jcarousel({
        scroll: 1,
        itemLoadCallback: function (instance, controlElement) {
            if (instance.first != undefined) {
                $('#label').html(instance.first + ' of ' + nmrElements);
            }
        }
    });
});