Question

I have a jquery cycle script for my website to continually cycle through content on what’s new within our company. Right not I have the transition set to scrollLeft. I would like to add a prev and next button that would scrollRight on prev and scrollLeft on next. I couldn’t find any forums that would do quite what I’m looking for. Here is my code.

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

Thanks for the help.

Answer 1

To get the navigation, you just need to create “prev” and “next” buttons with the IDs of prev and next.

To get the reverse scrolling, you’ll want to set your scroll to be scrollHorz and then set the rev option (reverse) to 1. See here: http://jsfiddle.net/mstauffer/g9b7k/

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