One of the drawbacks of the jQuery Cycle plugin is that it only allows you to specify one transition for all actions, rather than allowing the specification of different transitions for different actions [1].
This file makes two additional transitions available for jQuery Cycle: scrollBothWays and scrollBothWaysVertical. Unlike the built-in scrolling transitions, these will change the direction of scrolling depending on the action.
Include the js file after the jquery.cycle.js
file:
<script src="/js/jquery.cycle.js" type="text/javascript"></script> <script src="/js/jquery.cycle.additionalfx.js" type="text/javascript"></script>
Then, simply use the name of the new transition:
$('#slides').cycle({ fx: 'scrollBothWays' });
Or:
$('#slides').cycle({ fx: 'scrollBothWaysVertical' });
[1] | Such as using scroll left for "next" and scroll right for "previous" |