JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script type="text/javascript" src="http://efimov.ws/assets/files/develop/2011/05/SlideDeck/jquery-mousewheel/jquery.mousewheel.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://efimov.ws/assets/files/develop/2011/05/SlideDeck/slidedeck.skin.css" media="screen" />
<script type="text/javascript" src="http://efimov.ws/assets/files/develop/2011/05/SlideDeck/slidedeck.jquery.lite.pack.js"></script>
<div id="slidedeck_frame" class="skin-slidedeck">
    <dl class="slidedeck">
        <script type="text/javascript" src="http://www.apotv.ru/informer/5-1"></script>
    </dl>
</div>
<script type="text/javascript">
    $('.slidedeck').slidedeck({
        autoPlay: true,
        cycle: true,
        autoPlayInterval: 5000
    });
    $('dd img').attr('align', 'left');
    $('dd').each(function() {
        $(this).html($(this).html().replace('<br><br>', ''));
    });
</script>

CSS

#slidedeck_frame {
    width: 900px;
    height: 300px;
}
dd img {
    width:90px;
    height:140px;
    padding:5px;
    vertical-align:top;
}
.apoimg {
    float:right;
}
.apoobframe {
    display:none;
}
dd h2 {
    font-size:17px;
    cursor:pointer;
}