Cycle2 provides two options which allow you to change the transition and the speed of the transition if the transition is initiated through user interaction. This includes clicking prev or next links, clicking pager links, or causing a goto command to be issued to the slideshow.

The data-cycle-manual-fx attribute allows you to specify the transition to be used for manual transitions and data-cycle-manual-speed allows you to set the speed of the transition. By default, these values inherit the fx and speed settings for the slideshow.

<div class=center><a href=# id=next>Next</a></div>
<div class="cycle-slideshow" 
    data-cycle-fx="fadeout"
    data-cycle-speed=1500
    data-cycle-timeout=4000
    data-cycle-next="#next"
    data-cycle-manual-fx="scrollHorz"
    data-cycle-manual-speed="200"
    >
    <img src="http://malsup.github.io/images/p1.jpg">
    <img src="http://malsup.github.io/images/p2.jpg">
    <img src="http://malsup.github.io/images/p3.jpg">
    <img src="http://malsup.github.io/images/p4.jpg">
</div>