Jquery见证旋转器。如何添加下一个和上一个按钮

时间:2012-06-03 22:52:27

标签: jquery

我正在使用推荐旋转器插件,它运行良好,但我想添加前进和后退按钮,但我不知道从哪里开始。以下是我提出的所有代码:code on jsfiddle

任何帮助表示赞赏

对待Ash

1 个答案:

答案 0 :(得分:1)

好的,我把一些听众放在循环中,经过快速测试后似乎工作了!这是js小提琴:http://jsfiddle.net/BLNZ7/

这个想法是给“前一个”和“下一个”按钮或链接提供元素ID。 (不,我对这些ID不太有创意)

<button id="prevId">Prev</button>
<span id="nextId">Next</span>​

然后在创建旋转器时引用它们:

$(".testimonialrotator").testimonialrotator({
        settings_slideshowTime:3,
        nextId: "nextId",
        prevId: "prevId"
        });

});

旋转器内的侦听器只调用gotoNext并重置“time buffer”,并且我添加了一个新的类似函数gotoPrev。

        $("#"+o.nextId).on('click', function() {
          gotoNext();
          timebuf = 0;
        });   


        $("#"+o.prevId).on('click', function() {
          gotoPrev();
          timebuf = 0;
        });