Question

I am using a testimonial rotator plugin, it works well but I would like to add forward and back buttons but I am not sure where to start. Here is all the code i question: code on jsfiddle

Any help appreciated

regards Ash

Answer 1

OK, I put together some listeners inside the loop and after quick testing appears to work! Here’s the js Fiddle: http://jsfiddle.net/BLNZ7/

The idea is to give element ids to the “previous” and “next” buttons or links. (no, I’m not too creative with these IDs)

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

Then reference them when creating the rotator:

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

});

The listeners inside the rotator just call gotoNext and reset the “time buffer”, and there’s a new, similar function, gotoPrev, that I added.

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


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