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="https://malsup.github.io/images/p1.jpg">
<img src="https://malsup.github.io/images/p2.jpg">
<img src="https://malsup.github.io/images/p3.jpg">
<img src="https://malsup.github.io/images/p4.jpg">
</div>
