JCarousel с нумерацией страниц

09.08.2015

Если надо сделать JCarousel с нумерацией страниц и выделить активный номер слайда

<div id="razdeli">
  <ul>
    <li class="active"><a href="#" data-count="1">1</a></li>
    <li><a href="#" data-count="2">2</a></li>
    <li><a href="#" data-count="3">3</a></li>
  </ul>
</div>

<ul id="objects" class="jcarousel-skin-tango">
  <li class="item-1"><img src="img/1.png" /></li>
  <li class="item-1"><img src="img/2.png" /></li>
  <li class="item-1"><img src="img/3.png" /></li>
</ul>

    $('#objects').jcarousel({
      scroll: 1,
      initCallback: mycarousel_initCallback,
      itemVisibleInCallback:  highlight,
      itemVisibleOutCallback: removehighlight
    });

    function mycarousel_initCallback(carousel) {
      $('#razdeli a').bind('click', function() {

        $("#razdeli li").each(function( index ) {
          $(this).removeClass('active');
        });

        $(this).parent().addClass('active');

        carousel.scroll($.jcarousel.intval($(this).data('count')));
        return false;
      });
    }

    function highlight(carousel, obejctli,liindex,listate){
      $('#razdeli li:nth-child('+ liindex +')').attr("class","active");
    };

    function removehighlight(carousel, obejctli,liindex,listate){
      $('#razdeli li:nth-child('+ liindex +')').removeAttr("class","active");
    };