исправить автозапуск bx_slider после выбора эскиза

#javascript #jquery #slider

#javascript #jquery #слайдер

Вопрос:

всем привет

я использовал bx slider для создания слайдера содержимого

мой слайдер работает нормально, но

я заставляю его работать автоматически и использую большие пальцы, чтобы показать

в начале он работает автоматически нормально, но

если я выберу миниатюру, чтобы показать слайдер, остановите автоматическое воспроизведение

как я могу это исправить

я использовал этот код

 $(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');
});
  

вы можете проверить сайт здесь: проверьте сайт, если вы меня не понимаете

Ответ №1:

Попробуйте это. Второй аргумент для stopAuto.По умолчанию это True, поэтому, когда вы выбираете миниатюру для отображения слайдера, остановите автоматическое воспроизведение.

 slider.goToSlide(thumbIndex,true);
  

Ответ №2:

Я тоже боролся с этим. Передача логического значения в gotoSlide не сработала. Чтобы исправить это, добавьте эту строку непосредственно после вызова slider.gotoSlide(thumbIndex);

 slider.startShow()
  

Это перезапустит «слайд-шоу», начиная с любого слайда, на котором он включен в данный момент.

Ответ №3:

Я тоже столкнулся с этой проблемой, и исправлено очень мало. Перейдите к jquery.bxslider.js найдите переменную clickPagerBind и добавьте в последнюю строку el.startAuto();