Cycle2's scrollVert transition plugin must be included in order to use the scrollVert effect. See the Download page for a link to download the scrollVert plugin.

The scrollVert effect is achieved by assignin the fx option to scrollVert.

Simple

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://malsup.github.io/jquery.cycle2.js"></script>
<script src="https://malsup.github.io/jquery.cycle2.scrollVert.js"></script>

...

<div class="cycle-slideshow"
    data-cycle-fx="scrollVert"
    >
    <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>
∧ Prev ∧ ∨ Next ∨