JSFiddle - React, Tailwind, and code Playground

by Mottie

HTML

<script src="http://proloser.github.com/AnythingSlider/js/jquery.anythingslider.js"></script>
<link rel="stylesheet" href="http://proloser.github.com/AnythingSlider/css/anythingslider.css">
<ul id="slider1">
 <li>
  <div class="images">
   <img src="http://proloser.github.com/AnythingSlider/images/slide-civil-1.jpg" />
   <img src="http://proloser.github.com/AnythingSlider/images/slide-env-1.jpg" />
  </div>
 </li>
 <li>
   <div class="images">
    <img src="http://proloser.github.com/AnythingSlider/images/slide-civil-2.jpg" />
    <img src="http://proloser.github.com/AnythingSlider/images/slide-env-2.jpg" />
   </div>
 </li>
</ul>

CSS

div.anythingSlider .images {
    text-align: center;
    padding: 5px;
}
div.anythingSlider img {
    height: 90px;
}

JavaScript

$('#slider1').anythingSlider({
    startStopped: true,
    width: 300,
    height: 200
});