<div class="slide-wrap shadow">
<div class="main-slider">
<a href="#" class="item" data-hash="one"> <img src="http://placehold.it/1500x500" alt=""> </a>
<div class="item" data-hash="two"> <img src="http://placehold.it/1500x500" alt=""> </div>
<div class="item" data-hash="three"> <img src="http://placehold.it/1500x500" alt=""> </div>
</div>
<!-- /.carosuel -->
<div class="carousel-tabs clearfix">
<a class="col-sm-4 tab url" href="#one">
<div class="media">
<div class="media-left media-middle"> <img src="http://placehold.it/120x50" alt=""> </div>
<div class="media-body">
<h4 class="media-heading">Upto 30% Rewards</h4>
<p>Up to 70% off on Clothing ...</p>
</div>
</div>
</a>
<a class="col-sm-4 tab url" href="#two">
<div class="media">
<div class="media-left media-middle"> <img src="http://placehold.it/120x50" alt=""> </div>
<div class="media-body">
<h4 class="media-heading">Upto 70% Rewards</h4>
<p>Up to 70% off on Clothing ...</p>
</div>
</div>
</a>
<a class="col-sm-4 tab url" href="#three">
<div class="media">
<div class="media-left media-middle"> <img src="http://placehold.it/120x50" alt=""> </div>
<div class="media-body">
<h4 class="media-heading">Upto 50% Rewards</h4>
<p>Up to 70% off on Clothing ...</p>
</div>
</div>
</a>
</div>
                     </div>

Şu tarz bir yapım var hazır tasarımda fakat otomatik geçiş yapmıyor tıklamalar ile geçiş yapıyor bunu 3-5 sn de bir oto değişir nasıl yapabilirim?