Actualmente estoy trabajando en un sitio que utiliza Sorgilla jquery jcarousel, hay dos controles deslizantes trabajando juntos.

var carousel_2;
jQuery(document).ready(function() {
jQuery('#right-carousel').jcarousel({
    start: 1, // Configuration goes here
    wrap: "circular",
    scroll: 1,
    auto:3,
    vertical:true,

    itemFirstInCallback: {
    onBeforeAnimation: function(carousel, item, index, action) {
        if (carousel_2) {
            carousel_2[action]();
        }



            }
        }
    });
});

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
    start: 3, // Configuration goes here
    wrap: "circular",
    scroll: 1,
    auto:3,
    vertical:false,
    buttonNextHTML: null,
    buttonPrevHTML: null,
    initCallback: function(c) {
    carousel_2 = c;
}
});

});

Esto funciona como debería, pero me pregunto si es posible agregar controles externos con la configuración que estoy usando. Desafortunadamente, soy bastante nuevo en jQuery así que todavía estoy aprendiendo.

Lo que estoy buscando hacer es agregar botones debajo del carrusel que se comportan como paginación, aquí hay un ejemplo ...http://truelogic.org/multicarousel.php ohttp://www.skyports.com

Aquí está el sitio en el que estoy trabajando.http://hartyinternational.hailstormcommerce.com/

Lo ideal sería que si los botones de paginación funcionaran de manera similar a los anteriores, sería genial.

Tengo este css instalado debajo del carrusel.

.jcarousel-pagination {
width:100px;
height:40px;
position:absolute;
right:100px;
bottom:0px;
background:#000;

}

.jcarousel-pagination a {
font-size: 75%;
text-decoration: none;
padding: 0 5px;
margin: 0 0 5px 0;
border: 1px solid #fff;
color: #eee;
background-color: #4088b8;
font-weight: bold; 
}

Aquí hay algo de documentación ...http://sorgalla.com/projects/jcarousel/

Estaba considerando agregar este código a la función dentroinitCallback: pero no está seguro de cómo hacerlo funcionar o cómo decirle qué botón representa qué diapositiva ...

                jQuery('.jcarousel-pagination a').bind('click', function() {
            carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
            return false;
            });

Cualquier ayuda sería genial, sé que es un poco una pregunta general, pero no estoy seguro por dónde empezar. Gracias.