JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<link rel="stylesheet" href="http://sandbox.scriptiny.com/tinyslider2/style.css" type="text/css" />
<script type="text/javascript" src="http://sandbox.scriptiny.com/tinyslider2/tinyslider.js"></script>
<div id="container">
    <div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div>
    <div id="slider">
        <ul>
            <script type="text/javascript" src="http://www.apotv.ru/informer/5-1"></script>
        </ul>
    </div>
    <div class="sliderbutton" id="slideright" onclick="slideshow.move(1)"></div>
    <ul id="pagination" class="pagination" style="display:none;">
        <li onclick="slideshow.pos(0)"></li>
        <li onclick="slideshow.pos(1)"></li>
        <li onclick="slideshow.pos(2)"></li>
        <li onclick="slideshow.pos(3)"></li>
        <li onclick="slideshow.pos(4)"></li>
        <li onclick="slideshow.pos(5)"></li>
        <li onclick="slideshow.pos(6)"></li>
        <li onclick="slideshow.pos(7)"></li>
        <li onclick="slideshow.pos(8)"></li>
        <li onclick="slideshow.pos(9)"></li>
        <li onclick="slideshow.pos(10)"></li>
    </ul>
</div>
<script>
    var slideshow = new TINY.slider.slide('slideshow', {
        id: 'slider',
        auto: 4,
        resume: false,
        vertical: false,
        navid: 'pagination',
        activeclass: 'current',
        position: 0,
        rewind: false,
        elastic: true,
        left: 'slideleft',
        right: 'slideright'
    });
</script>

CSS

body {
    background:#ccc !important;
}