Question

我需要一些帮助，让jquery循环插件工作如下：

基本上，我使用寻呼机而不是左/右按钮。单击前向寻呼机项目时我需要从右向左滑动，单击上一个寻呼机项目时需要反向滑动（从左到右）。

我的设置是基本的，就像在http://jquery.malsup.com/cycle/上一样。

它可能很简单，但我找不到办法。

if (jQuery.isFunction(jQuery.fn.cycle)) {
$('.mycarousel').cycle({
    fx: 'scrollLeft',
    pager:  '#titleindicators',
    pagerAnchorBuilder: paginate,
    pause:1,
    timeout: 5000
});
}
 function paginate(ind, el)
{
    return '<a href="#'+ ind +'">&nbsp;</a>';
}

我尝试使用onPagerEvent但没有运气：

var cs=0;
function onClicky(zeroBasedSlideIndex, slideElement){
    if(cs-zeroBasedSlideIndex<0){
        $('.mycarousel').cycle({fx: 'scrollLeft'});
    }
    else{
        $('.mycarousel').cycle({fx: 'scrollRight'});
    }
    cs = zeroBasedSlideIndex;
}

否则，该插件工作正常，但点击之前的寻呼机项目并看到它正在向前移动真的很烦人。

Answer 1

将fx属性更改为'scrollHorz'（如果要沿垂直方向移动，则更改为'scrollVert'）。

jquery cycle pager transitions

jquery cycle scrollHorz/scrollVert demos

根据点击的寻呼机项目更改滑动方向（jquery循环）

1 个答案: