JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<div class="box">
            
                <div id="actions">
                    <a class="prev disabled">« Back</a>
                    <a class="next">Next »</a>
                </div>
                
                <div class="scrollable vertical" id="chained">    
                <!-- root element for the items -->
               
               <div class="items" style="top: 0px; ">
                 
                   <div>
                     <div class="item" style="width:280px">
                       <div class="pic_square"><div class="pic" id="box-image18783"><a href="18783-nove-vystreovacie-kuce-skoda-vwseataudi/details.html"><img class="pic" id="fpic18783" onmouseover="this.className='pic_over'" onmouseout="this.className='pic'" src="images/listings/2012-03/thmb/nove_vystreovacie_kuce_skoda_vwseataudi-1330871664-570-d_pic.jpg" alt="NOVÉ VYSTREĽOVACIE KĽÚČE ŠKODA ,VW,SEAT,AUDI"></a></div></div>
                            <h3><a href="18783-nove-vystreovacie-kuce-skoda-vwseataudi/details.html">Názov...</a></h3>
                            <p class="price">
                                140.00€
                                                        
                            </p>
                            <ul>
                                <li>Slovensko, Námestovo</li>
                            </ul>
                        </div>
                    </div>
                                                 
                   <div>
                     <div class="item" style="width:280px">
                       <div class="pic_square"><div class="pic" id="box-image18783"><a href="18783-nove-vystreovacie-kuce-skoda-vwseataudi/details.html"><img class="pic" id="fpic18783" onmouseover="this.className='pic_over'" onmouseout="this.className='pic'" src="images/listings/2012-03/thmb/nove_vystreovacie_kuce_skoda_vwseataudi-1330871664-570-d_pic.jpg" alt="NOVÉ...

CSS

.vertical{
    position:relative;
    overflow:hidden;
    height: 325px;
    width: 280px;
}
.items {
    position:absolute;
    height:20000em;
    margin: 0px;
}
.item {
    float: left;
    text-align: left;
    height: 70px;
    line-height: 18px;
    padding-right: 7px;
    margin-top: 10px;
}
.item .pic_square{
    float: left;
    overflow: hidden;
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

#actions a {
    font-size:11px;
    cursor:pointer;
    color:#666;
}

#actions a:hover {
    text-decoration:underline;
    color:#000;
}

.pic_square {
    overflow: hidden;
    height: 40px;
    width: 40px;
}

.box img {
width:40px;
margin-bottom: 5px;
}

.pic, .pic_over {
position: relative;
z-index: 1;
}

.box h3 {
margin: 0px;
}

.box h3 a {
font-size: 12px;
font-weight: normal;
color: #0962A0 !important;
}

.disabled {
    visibility:hidden;
}

JavaScript

$(function() {
    $(".scrollable").scrollable({ vertical: true }).circular().autoscroll({steps: 1, interval: 3000 });});