Jquery Cycle Scroll Up Down

Scroll up/down with next previous

HTML

<script src="http://malsup.github.io/jquery.cycle.all.js"></script>
<div class="nav"><a id="prev2" href="#">Prev</a></div>
<div id="s2" class="pics">
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
    <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
</div>
<div class="nav"><a id="next2" href="#">Next</a></div>

JavaScript

$('#s2').cycle({
    fx:     'scrollVert',
    prev:   '#prev2',
    next:   '#next2',
    timeout: 1
});