我的滚动选项设置为“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;
});
}
});
答案 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