JSFiddle - React, Tailwind, and code Playground

by tomperkins

HTML

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="/js/jquery.js"></script>
        <script type="text/javascript" src="/js/easySlider.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#slider").easySlider();
            });
        </script>
        <meta charset="utf-8">
        <title>jQuery Gallery Test</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    </head>
    <body>

        <div id="slider">
            <ul>
                <li><img src="images/Website-Strip_Future.png"/></li>
                <li><img src="images/SR-Toomer_small.png"/></li>
            </ul>
        </div><!-- /end #slider -->
    </body>
</html>

CSS

/* jQuery Image Gallery */

#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
    }

#slider, #slider li{ 
    width:620px;
    height:192px;
    overflow:hidden; 
    }

span#prevBtn{}

span#nextBtn{}