更改滚动Horz的滑动方向

Change sliding direction for scrollHorz

本文关键字:方向 Horz 滚动      更新时间:2024-01-18

我使用的是jquery循环,滚动Horz效果。我知道它有一个rev选项来改变滚动方向。默认情况下,上一张幻灯片向左滚动,下一张幻灯片向右滚动,但我希望上一张向右滚动,下下一张向左滚动。除了这个,一切都很好,我找不到任何答案。Everywhere是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或某个值更高的寻呼机时,它会将文本向右滚动,反之亦然。但我想向左滚动到下一个,向右滚动到后面。

现在有了"rev"选项可以为您完成这项工作。将其设置为1或true,应该可以做到这一点:

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