Jcarousel Customization

////////////////////////////////////////////////////////
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 320px;
padding: 20px 40px;
margin-top:15px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 320px;
height: 75px;
}
/////////////////////////////////////////////////////
The above mentioned classes are responsible for the number of images visible in a jcarousel the former being used for the width where as later signifies the clipping which if removed the non clipped width will be displayed in IE browser which distorts the layout.

Furthermore the number of images scrolling at a time is taken care by the scroll property which can be assigned at time of initialization of jCarousel object.

jQuery(document).ready(function() {
jQuery(' #mycarousel').jcarousel({scroll:4}); // jCarousel 1
jQuery('#myseccarousel').jcarousel({scroll:4}); // jCarousel 2
});

With different IDs multiple jcarousels can be initialized in a single application.