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

fix bx_slider autoplay after select thumbnail

本文关键字：选择 略图 自动播放 bx slider 修复      更新时间：2023-09-26

hello all

我使用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');
});

你可以在这里查看网站:如果你不明白我的意思，请查看网站

试试这个。第二个参数用于stopAuto。默认情况下，它是True，所以当你选择缩略图显示滑块停止自动播放。

slider.goToSlide(thumbIndex,true);

我也很纠结。给goToSlide传递一个布尔值不起作用。要解决这个问题，在调用slider.goToSlide(thumbIndex);

之后直接添加这一行
slider.startShow()

这将重新启动"幻灯片放映"，从它当时所在的幻灯片开始。

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

相关文章：