JSFiddle - React, Tailwind, and code Playground

by Alexander Pankov

HTML

<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link rel="stylesheet" href="http://bxslider.com/css/styles.css">
<ul class="bxslider">
  <li><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Flickr_-_Nicholas_T_-_Tionesta_Research_Natural_Area_%28Revisited%29_%281%29.jpg/284px-Flickr_-_Nicholas_T_-_Tionesta_Research_Natural_Area_%28Revisited%29_%281%29.jpg" /></li>
  <li><img src="http://bxslider.com/images/home_slides/houses.jpg" /></li>
  <li><img src="http://jattyouth.com/photobyusers/data/thumbs/Natural/Alaska%20Nature.jpg" /></li>
</ul>

CSS

.bx-wrapper, .bx-viewport {
    height: 120px !important;
}

JavaScript

$('.bxslider').bxSlider({
		auto: true,
		mode: 'fade'
	});