Ich arbeite gerade an einer Site, die Sorgilla jquery jcarousel verwendet. Es gibt zwei Schieberegler, die zusammenarbeiten.

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;
}
});

});

Dies funktioniert so, wie es sollte, aber ich frage mich, ob es möglich ist, externe Steuerelemente mit dem von mir verwendeten Setup hinzuzufügen. Leider bin ich noch ziemlich neu in der jquery und lerne noch.

Was ich tun möchte, ist, Schaltflächen unter dem Karussell hinzuzufügen, die sich wie eine Paginierung verhalten. Hier ist ein Beispiel ...http://truelogic.org/multicarousel.php oderhttp://www.skyports.com

Hier ist die Seite, an der ich arbeitehttp://hartyinternational.hailstormcommerce.com/

Idealerweise wäre es großartig, wenn ich diese Paginierungsschaltflächen so wie oben funktionieren lassen könnte.

Ich habe diese CSS unter dem Karussell eingerichtet.

.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; 
}

Hier ist eine Dokumentation ...http://sorgalla.com/projects/jcarousel/

Ich habe darüber nachgedacht, diesen Code zu der darin enthaltenen Funktion hinzuzufügeninitCallback: aber unsicher, wie man es zum Laufen bringt oder wie man ihm sagt, welcher Knopf welche Folie darstellt ...

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

Jede Hilfe wäre toll, ich weiß, es ist ein bisschen eine allgemeine Frage, aber ich bin nicht sicher, wo ich anfangen soll. Danke.