Question

你好所有

我使用bx滑块制作内容滑块

我的滑块工作正常，但

我让它自动工作并使用拇指显示

一开始他工作自动罚款，但

如果我选择缩略图以显示滑块停止自动播放

我该如何解决呢？

我使用了这段代码

$(function(){

  var slider = $('#bxslider').bxSlider({
    controls: false,
    auto    : true ,
    captions: true
  });


  $('#Slides a').click(function(){
   var thumbIndex = $('#Slides a').index(this);

    slider.goToSlide(thumbIndex);


    $('#Slides a').removeClass('pager-active');

    $(this).addClass('pager-active');

    return false;
  });

  $('#Slides a:first').addClass('pager-active');
});

您可以在此处查看网站：check the website if you don't understand me

Answer 1

试试这个。第二个参数是stopAuto.By默认为True，因此当您选择缩略图以显示滑块停止自动播放时。

slider.goToSlide(thumbIndex,true);

Answer 2

我也在努力解决这个问题。将布尔值传递给goToSlide不起作用。要解决此问题，请在调用slider.goToSlide（thumbIndex）;

后直接添加此行

slider.startShow()

这将重新启动“幻灯片放映”，从当时的任何幻灯片开始。

Answer 3

我也面临这个问题而且修复得非常小。转到jquery.bxslider.js 找到 var clickPagerBind 并在最后一行添加el.startAuto();

选择缩略图后修复bx_slider自动播放

3 个答案: