Additional transitions for the jQuery Cycle Plugin
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Additional transitions for jQuery Cycle

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:

    fx: 'scrollBothWays'


    fx: 'scrollBothWaysVertical'
[1]Such as using scroll left for "next" and scroll right for "previous"