jquery - 根据单击的寻呼机项目更改滑动方向(jquery 循环)

我需要一些帮助才能使 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;
}

否则，该插件可以正常工作，但点击上一个寻呼机项目并看到它像正在前进一样进入确实很烦人。

最佳答案

将 fx 属性更改为“scrollHorz”(如果要沿垂直方向移动，则将其更改为“scrollVert”)。

jquery cycle pager transitions

jquery cycle scrollHorz/scrollVert demos

关于jquery - 根据单击的寻呼机项目更改滑动方向(jquery 循环)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7445984/