Vertical slideshow

$('.bxslider').bxSlider({
  nextSelector: '#slider-next',
  prevSelector: '#slider-prev',
  nextText: 'Onward →',
  prevText: '← Go back'
});

<ul class="bxslider">
  <li><img src="http://placehold.it/900x200&text=Slide 1" /></li>
  <li><img src="http://placehold.it/900x200&text=Slide 2" /></li>
  <li><img src="http://placehold.it/900x200&text=Slide 3" /></li>
</ul>

<div class="outside">
  <h3>This div is outside of the slider</h3>
  <p><span id="slider-prev"></span> | <span id="slider-next"></span></p>
</div>