When using the boxslider, the autosliding feature functions correctly initially. However, after manually clicking on the left and right arrow controls, the auto sliding stops working. See below for my code snippet:
<ul id="slider-assocoates">
<li><a href="#" target="_blank"><img src="images/abcdef.png" /></a>
</li>
<li><a href="#" target="_blank"><img src="images/abc.png" /></a>
</li>
</ul>
<nav>
<a href="#" id="go-prev-assocoates" class="left-arrow">Prev</a>
<a href="#" id='go-next-assocoates' class="right-arrow">Next</a>
</nav>
$(function(){
var slider = $('#slider-assocoates').bxSlider({
controls: false,
auto: true,
pause: 6000
});
$('#go-prev-assocoates').click(function(){
slider.goToPreviousSlide();
return false;
});
$('#go-next-assocoates').click(function(){
slider.goToNextSlide();
return false;
});