JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<link rel="stylesheet" href="http://flexslider.woothemes.com/css/flexslider.css">
<script src="http://flexslider.woothemes.com/js/jquery.flexslider.js"></script>
<script src="http://flexslider.woothemes.com/js/jquery.easing.js"></script>
<section class="slider">
    <div class="flexslider">
        <ul class="slides">
            <li>
                <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_cheesecake_brownie.jpg" />
            </li>
            <li>
                <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_lemon.jpg" />
            </li>
            <li>
                <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_donut.jpg" />
            </li>
            <li>
                <img src="http://flexslider.woothemes.com/images/kitchen_adventurer_caramel.jpg" />
            </li>
        </ul>
    </div>
</section>

JavaScript

$('.flexslider').flexslider({
    animation: "slide"
});