JSFiddle - React, Tailwind, and code Playground

by hakarune

HTML

<link rel="stylesheet" href="http://juicyslider.gopagoda.com/css/juicyslider.css">
<script src="http://juicyslider.gopagoda.com/js/juicyslider.js"></script>
<!-- Juicy Slider -->
        <div id="myslider" class="juicyslider" style="height:500px">
            <ul>
                <li><img src="http://juicyslider.gopagoda.com/data/1.jpg" alt=""></li>
                <li><img src="http://juicyslider.gopagoda.com/data/2.jpg" alt=""></li>
                <li><img src="http://juicyslider.gopagoda.com/data/3.jpg" alt=""></li>
                <li><img src="http://juicyslider.gopagoda.com/data/4.jpg" alt=""></li>
                <li><img src="http://juicyslider.gopagoda.com/data/5.jpg" alt=""></li>
            </ul>
            <div class="nav next"></div>
            <div class="mask"></div>
        </div>

JavaScript

// start to run when document ready
            $(function() {
                $('#myslider').juicyslider();
            });