1. Just wonder if this would be possible to have a pagination numbers? Or at least any future direction towards this? That would be lovely. To explain better what I have in mind you can see the top left block on this site http://kompas.com.

2. In the meantime, I would like to know how to display navigation info like "Displaying 2-6 of 11 galleries". I have tried to look around, but I seem to miss it.

Any help would be appreciated. Thanks

Comments

jcfiala’s picture

1) Yes, I call those indexes. If you edit your nodecarousel, go to the 'Index Display:' field, and set it to 'Numeric Index', you'll get that.

2) Well, here's how I did it once, for a nodecarousel with the name 'footer_tout_carousel':

  var footer_displayed = 0;
  function footer_tout_scroll(carousel, index, direction) {
    if (direction == 'init') {
      var count = $('#nc_footer_tout_carousel div.total').get(0).innerHTML;
      $('.nc_footer_tout_carousel > .jcarousel-prev').after('<div class="nc_position_footer_tout_carousel">Displaying <span class="display_range">1-n</span> of ' + count + ' galleries</div>');
    }
    if (footer_displayed == 0) {
      var count = $('#nc_footer_tout_carousel div.total').get(0).innerHTML;
      if (count > 0) {
        var width = parseInt($('ul#nc_footer_tout_carousel').css('width'));
        var itemWidth = width / ($('ul#nc_footer_tout_carousel > li').length);
        footer_displayed = Math.ceil(parseInt($('div.nc_clip_footer_tout_carousel').css('width')) / itemWidth);
      }
    }
    $('.nc_position_footer_tout_carousel span.display_range').text(index + '-' + (index+footer_displayed-1));
    //alert('displayed: ' + footer_displayed);
  }

Having added that to your Javascript on the page, You then want to edit your nodecarousel, scroll down to the 'Javascript Scroll Event Handler:' field, and enter footer_tout_scroll into it. You'll probably want to rename the function on your end to something that makes sense to you - just put the name (sans arguments) into that field. Give that a try. It may not work immediately - for one thing, you'll need to find all of the 'footer_tout_carousel' references and change them to whatever you named your nodecarousel.

gausarts’s picture

Status: Active » Closed (fixed)

Ok, thanks. Just missed the css things. Now it works perfectly after some design.