Вызовите следующую и предыдущую функцию jquery jCarousel? - PullRequest
2 голосов
/ 21 июня 2011

Я использую jCarousel для создания прокрутки контента (следуйте этому http://sorgalla.com/projects/jcarousel/). Однако я не хочу использовать следующую и предыдущую кнопки по умолчанию, поэтому я хочу создать 2 кнопки для обработки события нажатия. Пример: у меня есть 2 гиперссылки, подобные этим:

<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>

Как связать функции next и prev с вышеуказанными ссылками?

Ответы [ 4 ]

7 голосов
/ 21 июня 2011

Проверьте этот пример:

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

В принципе, вы можете прикрепить функции к карусели в инициализации для карусели. Вот соответствующий фрагмент.

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

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};
1 голос
/ 14 апреля 2013

Вы также можете сделать

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

Подробнее: http://sorgalla.com/jcarousel/docs/reference/usage.html

0 голосов
/ 09 сентября 2014

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>
0 голосов
/ 11 февраля 2013

$ ( 'jcarousel-некст-вертикали.) Нажмите ();.

...