jquery-cycle左右交替

时间:2012-12-19 13:39:27

标签: javascript jquery jquery-cycle

警告:我没有任何严肃的JS知识。

目前,我们使用以下代码进行骑行:

    $('#slogans').cycle({
        fx     : 'scrollHorz',
        speed  : 500,
        timeout: 5000,
        next   : '.block_slogans .next',
        prev   : '.block_slogans .prev',
        pause  : 1,
        rev    : 1
    });

它本身总是向右滚动,下一个和前一个按钮按预期处理。

我想这样做,它会自动向右滚动,然后向左滚动,然后向右滚动,然后向左滚动,总是带有新内容,所以它看起来有点令人惊讶,因为人们通常希望以这种方式看到两个项目,但是隐藏的一个被新项目替换。

1 个答案:

答案 0 :(得分:1)

以下是您应该使用的内容:

$('#slogans').cycle({
        fx     : 'scrollLeft',
        speed  : 500,
        timeout: 5000,
        next   : '.block_slogans .next',
        prev   : '.block_slogans .prev',
        pause  : 1,
        rev    : 1
    });

底线:您应该使用scrollLeft代替scrollHorz

DEMO