更改scrollHorz的滑动方向

时间:2013-12-02 16:41:28

标签: javascript jquery jquery-plugins jquery-cycle

我正在使用jquery循环,scrollHorz效果。我知道它有一个转换选项来改变滚动方向。默认情况下,它向左滚动到上一张幻灯片,向右滚动到下一张幻灯片,但我想向右滚动前一张幻灯片,然后向下滚动到下一张幻灯片。一切正常,除了这个,我没有找到任何答案。到处都是rev选项。任何帮助,将不胜感激! THX

PS:对不起我的英语,我希望我的问题是可以理解的。

所以,这是HTML代码:

<div id="bup">
    Some text
    <div id="bfullnav">
        <div id="bnavback">&lt;&lt;</div>
        <div id="bnav"></div>
        <div id="bnavfw">&gt;&gt;</div>
    </div>
</div>

<div id="bdown">
    <div id="btext">
        <div id="t1">Some text</div>
        <div id="t2">Some text</div>
        <div id="t3">Some text</div>
        <div id="t4">Some text</div>
        <div id="t5">Some text</div>
        <div id="t6">Some text</div>
    </div>
</div>

js:

$('#btext').cycle(
{
    fx:'scrollHorz',
    speed: 2000,
    next: '#bnavfw',
    prev: '#bnavback',
    timeout: 0,
    pager: '#bnav',
    rev: true,
});

当我点击#bnavfw或其中一个值较高的寻呼机时,它会将文本向右滚动,反之亦然。但我想向下滚动到左边,然后向后滚动。

1 个答案:

答案 0 :(得分:0)

现在有&#34; rev&#34;将为您完成此任务的选项。将其设置为1或true,应该可以做到这一点:

http://jquery.malsup.com/cycle/scrollhv.html