JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.3.js"></script>

<div class="nav"><a id="prev1" href="#">Prev</a> <a id="next1" href="#">Next</a></div>         <div id="s1" class="pics">             <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />             <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />             <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />         </div>

JavaScript

$('#s1').cycle({     fx:     'scrollLeft',  timeout: 1000, });