JSFiddle - React, Tailwind, and code Playground

by devangkantharia

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.js"></script>
<ul class="bxslider">
  <li><img src="https://dummyimage.com/900x900/a1a1a1/b5b5b5.jpg" title="Funky roots" /></li>
  <li><img src="https://dummyimage.com/900x900/a1a1a1/b5b5b5.jpg" title="The long and winding road" /></li>
  <li><img src="https://dummyimage.com/900x900/a1a1a1/b5b5b5.jpg" title="Happy trees" /></li>
</ul>

JavaScript

$('.bxslider').bxSlider({
  mode: 'vertical',
  slideMargin: 5
});