How do i create two different carousals with different configuration on a single page

[alokmandloi]

How do i have two different carousals with different configurations on a single page.

[kswedberg]

Hi,

All you need to do is pass a different options map to each one. For example:

var carousel1Options = {
  auto: true,
  visible: 2,
  speed: 300,
  pause: true,
  btnPrev: function() {
    return $(this).find('.prev');
  },
  btnNext: function() {
    return $(this).find('.next');
  }
};

var carousel2Options = {
  auto: true,
  visible: 2,
  speed: 800,
  btnGo: $('div.nav').find('a')
};

$('div.carousel-1').jCarouselLite(carousel1Options);

$('div.carousel-2').jCarouselLite(carousel2Options);

Here is a demo of something similar: http://plugins.learningjquery.com/jcarousellite/demo/

[alokmandloi]

Thanks. it worked for me