Use the delay
option in combination with a timeout
of 20s for each slideshow. You can set a negative delay, so the first slideshow starts after five seconds and then waits twenty more.
<div id=container>
<div class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-reverse=true
data-cycle-timeout=20000
data-cycle-delay="-15000"
data-index=1
><!-- slides --></div>
<div class="cycle-slideshow"
data-cycle-fx=scrollVert
data-cycle-timeout=20000
data-cycle-delay="-10000"
data-index=2
><!-- slides --></div>
<div class="cycle-slideshow"
data-cycle-fx=scrollVert
data-cycle-timeout=20000
data-cycle-delay="-5000"
data-cycle-reverse=true
data-index=4
><!-- slides --></div>
<div class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-timeout=20000
data-cycle-delay="0"
data-index=3
><!-- slides --></div>
</div>