slide

<script type="text/javascript">
$(".slider-container").silverTrack({
 {itemClass: "small-item", cover: true, perPage: 5, mode: "vertical", animationAxis: "y"});

var container = $(".track");
var track = container.find(".slider-container").silverTrack();

// install the plugins you want, in our case Navigator
track.install(new SilverTrack.Plugins.Navigator({
  prev: $("a.prev", container),
  next: $("a.next", container)
}));

track.start();
</script>
<style type="text/css">
.view-port {
  width: 960px;
  overflow: hidden;
  position: relative;
}
.slider-container {
  position: relative;
  height: 138px;
  margin: 0;
  padding: 0;
}
.item {
  position: absolute;
  width: 234px;
  height: 138px;
  margin-right: 8px
}

</style>

<div class="track vertical axis-y third-example">
  <div class="view-port">
    <div class="slider-container" style="top: 0px; width: 196px; height: 2484px;">
      <div class="small-item" style="top: 0px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/1/"></div>
      <div class="small-item" style="top: 138px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/2/"></div>
      <div class="small-item" style="top: 276px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/3/"></div>
      <div class="small-item" style="top: 414px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/4/"></div>
      <div class="small-item" style="top: 552px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/5/"></div>
      <div class="small-item" style="top: 690px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/6/"></div>
      <div class="small-item" style="top: 828px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/7/"></div>
      <div class="small-item" style="top: 966px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/8/"></div>
      <div class="small-item" style="top: 1104px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/9/"></div>
      <div class="small-item" style="top: 1242px; left: 0px;"><img src="http://lorempixel.com/188/134/cats/10/"></div>
      <div class="small-item" style="top: 1380px; left: 0px;"><img src="http://lorempixel.com/188/134/nature/1/"></div>
      <div class="small-item" style="top: 1518px; left: 0px;"><img src="http://lorempixel.com/188/134/nature/2/"></div>
      <div class="small-item" style="top: 1656px; left: 0px;"><img src="http://lorempixel.com/188/134/nature/3/"></div>
      <div class="small-item" style="top: 1794px; left: 0px;"><img src="http://lorempixel.com/188/134/nature/4/"></div>
      <div class="small-item" style="top: 1932px; left: 0px;"><img src="http://lorempixel.com/188/134/nature/5/"></div>
      <div class="small-item" style="top: 2070px; left: 0px;"><img src="http://lorempixel.com/188/134/nature/6/"></div>
      <div class="small-item" style="top: 2208px; left: 0px;"><img src="http://lorempixel.com/188/134/nature/7/"></div>
    </div>

    <a href="#" class="prev disabled"></a>
    <a href="#" class="next"></a>
  </div>
</div>