var demo = $("div#demoSlider").sliderTabs({
autoplay:6000,
transitionSpeed: 4000,
transitionEasing:"easeOutCubic",
indicators: true,
panelArrows: true,
panelArrowsShowOnHover: true,
tabs: false,
classes: {
panel: 'demoPanel'
}
});
<div id="demoSlider" class="demoPanel">
<ul>
<li><a href="#slide1"></a></li>
<li><a href="#slide2"></a></li>
<li><a href="#slide3"></a></li>
<li><a href="#slide4"></a></li>
<li><a href="#slide5"></a></li>
<li><a href="#slide6"></a></li>
<li><a href="#slide7"></a></li>
<li><a href="#slide8"></a></li>
<li><a href="#slide9"></a></li>
<li><a href="#slide10"></a></li>
</ul>
<div id="slide1"><img class="img-responsive" src="images/slide1.jpg" /></div>
<div id="slide2"><img class="img-responsive" src="images/slide2.jpg" /></div>
<div id="slide3"><img class="img-responsive" src="images/slide3.jpg" /></div>
<div id="slide4"><img class="img-responsive" src="images/slide4.jpg" /></div>
<div id="slide5"><img class="img-responsive" src="images/slide5.jpg" /></div>
<div id="slide6"><img class="img-responsive" src="images/slide6.jpg" /></div>
<div id="slide7"><img class="img-responsive" src="images/slide7.jpg" /></div>
<div id="slide8"><img class="img-responsive" src="images/slide8.jpg" /></div>
<div id="slide9"><img class="img-responsive" src="images/slide9.jpg" /></div>
<div id="slide10"><img class="img-responsive" src="images/slide10.jpg" /></div>
</div>
