如何在JCAROUSEL中单击下一个/上一个按钮时更改滚动次数

时间:2011-08-07 07:44:40

标签: jcarousel

我的滚动选项设置为“1”并且换行到'circurlar'但是当我将下一个/上一个按钮中的滚动选项自动更改为4时轮播滚动到4如何使其不采用next / prev按钮上的设定值

HERES MY CODE:

$('#news-carousel').jcarousel({ 
                vertical: true, 
                scroll: 1, 
                auto: 2, 
                wrap: 'circular',
                initCallback: function(jc,state) {
                  if (state == 'init') {
                    jc.startAutoOrig = jc.startAuto;
                    jc.startAuto = function() {
                      if (!jc.paused) {
                        jc.startAutoOrig();
                      }
                    }
                    jc.pause = function() {
                      jc.paused = true;
                      jc.stopAuto();
                    };
                    jc.play = function() {
                      jc.paused = false;
                      jc.startAuto();
                    };
                    $('li.jcarousel-item').click(function(){ 
                        jc.pause();
                    });
                    $('a.close').click(function(){ 
                        jc.play();
                    }); 
                    jc.play();
                      }
                    },
                    buttonNextCallback: function(jc,state){
                        $('.arrow-up').bind('click',function() {
                            jc.next();
                                jc.options.scroll = jQuery.jcarousel.intval(4)
                            return false;
                            });
                    },
                    buttonPrevCallback: function(jc,state){
                        $('.arrow-down').bind('click',function() {
                            jc.prev();
                            jc.options.scroll = jQuery.jcarousel.intval(4)
                            return false;
                        });
                    }
            }); 

1 个答案:

答案 0 :(得分:2)

我认为完全没有理解你的问题......

function changeScroller() {
        jQuery('.jcarousel-control a').bind('click', function () {
            var carousel = jQuery('#mycarousel').data('jcarousel');
            carousel.options.scroll = jQuery.jcarousel.intval(jQuery(this).text());
            return false;
        });
    }

jQuery('#mycarousel').jcarousel({
            visible: show,
            scroll: 2,
            initCallback: changeScroller
        });

<div class="jcarousel-control" style="float:right">
<a href="#" class="button">2</a>
<a href="#" class="button">5</a>
<a href="#" class="button">10</a>
</div>

单击按钮可更改下一个滚动条滚动的项目数,默认为2