JSFiddle - React, Tailwind, and code Playground

by tebrown

HTML

<script src="https://rewish.github.io/jquery-bgswitcher/jquery.bgswitcher.js"></script>
<div id="bs-demo">

</div>

CSS

body {
  margin: 0 10px;
  padding: 0 0 50px;
  background: #ffffff;
  color: #222;
  line-height: 1;
  font-size: 20px;
}

#bs-demo { height: 500px; width:100%;}

JavaScript

var $el = $("#bs-demo").bgswitcher({
  images: ["http://i.imgur.com/v6TtaVj.png", "http://i.imgur.com/v6TtaVj.png", "http://i.imgur.com/v6TtaVj.png"],
  loop: false
});

$("button").on("click", function() {
  $el.bgswitcher("select", 1); // bar.jpg
});