JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<ul class="bxslider">
  <li><img src="http://bxslider.com/images/730_200/hill_trees.jpg" /></li>
  <li><img src="http://bxslider.com/images/730_200/me_trees.jpg" /></li>
  <li><img src="http://bxslider.com/images/730_200/houses.jpg" /></li>
  <li><img src="http://bxslider.com/images/730_200/me_trees.jpg" /></li>
  <li><img src="http://bxslider.com/images/730_200/houses.jpg" /></li>
  <li><img src="http://bxslider.com/images/730_200/hill_trees.jpg" /></li>
</ul>

JavaScript

$('.bxslider').bxSlider({
  mode: 'vertical',
  minSlides: 3,
  maxSlides: 3,
  moveSlides: 1,
  slideMargin: 5
});