Rufen Sie next und prev-Funktion von jquery jCarousel?

Ich benutze jCarousel für die Erstellung eines scroll-Inhalte (Folgen Sie diesem http://sorgalla.com/projects/jcarousel/). Aber ich möchte nicht, dass die Verwendung der Standard-next-und previous-Taste so erstellen Sie 2 Schaltflächen für die Behandlung des click-Ereignisses. EX: ich habe 2 hyperlinks wie diese:

<script>
jQuery(document).ready(function() {
    //Initialise the first and second carousel by class selector.
    //Note that they use both the same configuration options (none in this case).
    jQuery('#scrollArea').jcarousel({
        scroll: 10
        });
</script>
        <a>NEXT</a>
        <a>PREV</a>
    <div id="scrollArea">
<!-- CONTENT HERE -->
</div>

Wie kann ich binden Sie die next und prev-Funktionen oben links?

InformationsquelleAutor Nấm Lùn | 2011-06-21

  1. 7

    Schauen Sie sich dieses Beispiel:

    http://sorgalla.com/projects/jcarousel/examples/static_controls.html

    Grundsätzlich können Sie Funktionen, um das Karussell in der Initialisierung für das Karussell. Hier ist der entsprechende Codeausschnitt.

    function mycarousel_initCallback(carousel) {
    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};
    Funktioniert wie ein Charme. Ich danke Ihnen so sehr.

    InformationsquelleAutor anon

  2. 1

    Können Sie auch tun, 

    `$('.jcarousel-next').click(function() {
    $('.jcarousel').jcarousel('scroll', '+=1');
});`

    Hier ist mehr info: http://sorgalla.com/jcarousel/docs/reference/usage.html

    InformationsquelleAutor Carl Sednaoui

  3. 0

    jQuery:

    jQuery(function ($) {
    $(".jcarousellite-hr").jCarouselLite({
        vertical: false,
        hoverPause: true,
        visible: 4,
        auto: 3000,
        speed: 1000,
        btnNext: ".next",
        btnPrev: ".prev"
    });
});

    html:

    <a class="prev" href="javascript:void(0);">Prev</a>
<a class="next" href="javascript:void(0);">Next</a>

    InformationsquelleAutor Chưa biết

  4. -1

    $('.jcarousel-next-vertikal").klicken Sie();

    InformationsquelleAutor Francis Pires

Schreibe einen Kommentar