JSFiddle - React, Tailwind, and code Playground

by psyon001

HTML

<script src="http://slidesjs.com/examples/images-with-captions/js/slides.min.jquery.js"></script>
        <div id="slides">
            <div class="slides_container">
                <div>
                    <img src="http://placehold.it/150x50&text=1stslider">
                </div>
                <div>
                    <img src="http://placehold.it/150x50&text=1stslider">
                </div>
                <div>
                    <img src="http://placehold.it/150x50&text=1stslider">
                </div>
            </div>
        </div>
        <div id="slidesTwo">
            <div class="slides_container">
                <div>
                    <img src="http://placehold.it/150x50&text=2ndslider">
                </div>
                <div>
                    <img src="http://placehold.it/150x50&text=2ndslider">
                </div>
                <div>
                    <img src="http://placehold.it/150x50&text=2ndslider">
                </div>
            </div>
        </div>

CSS

.slides_container {
                width:570px;
                height:270px;
            }
            .slides_container div {
                width:570px;
                height:270px;
                display:block;
            }

JavaScript

$("#slides").slides({
    play : 1000
      }); 
$("#slidesTwo").slides({
    play : 2500
      });