jquery使用prev和next按钮循环内容

时间:2012-02-20 17:01:43

标签: jquery jquery-plugins jquery-cycle

我的网站有一个jquery循环脚本,可以不断循环浏览公司内部的新内容。是的,我没有将转换设置为scrollLeft。我想添加一个prev和next按钮,它将在prev上滚动,在下一个滚动滚动。我找不到任何可以完成我正在寻找的论坛。这是我的代码。

$('#slider').cycle({
    // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    fx: 'scrollLeft',
    delay: -100,
    prev:   '#prev',
    next:   '#next',  
})

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

要获取导航功能,您只需创建ID为prevnext的“上一页”和“下一页”按钮。

要进行反向滚动,您需要将滚动设置为scrollHorz,然后将rev选项(反向)设置为1.请参阅此处:http://jsfiddle.net/mstauffer/g9b7k/

$('#slider').cycle({
    fx:     'scrollHorz',
    delay:  -100,
    prev:   '#prev',
    next:   '#next',
    rev: 1
});​