これに対する回答がまだ必要かどうかはわかりませんが、コードをこれに更新するとうまくいくはずです:
var slider = $('#bxslider').bxSlider({
auto: true,
controls: false
});
$('#go-prev').click(function(){
slider.goToPreviousSlide();
slider.startShow(); //added this line
return false;
});
$('#go-next').click(function(){
slider.goToNextSlide();
slider.startShow(); //added this line
return false;
});
$('#my-start-stop').click(function(){
/* added a class to your #my-start-start a tag called "stopShow", note: would recommend that you also change the text to say "Stop" when the show is active and "Start" when the show is not. :) */
if($('#my-start-stop').attr('class') == 'stopShow'){
slider.stopShow();
$('#my-start-stop').removeClass('stopShow');
} else {
slider.startShow();
$('#my-start-stop').addClass('stopShow');
}
return false;
});