bxslider: как сделать паузу в `onSlideBefore`?

Вы можете сделать это, просто используя 2 варианта, которые Bxslider имеет, "авто" и "пауза".

"Авто", как и название, позволяет автоматизировать слайдер без того, чтобы конечный пользователь нажал любую кнопку для прокрутки, а "пауза" определяет задержку между слайдами. Задержка по умолчанию составляет 4000 мс, если вы не укажете, но вы можете ввести свое собственное значение.

Таким образом, вы можете просто сделать это с автоматическим слайдером с задержкой в 1 секунду между изображениями.

$('#bxslider').bxSlider({
    auto: true,
    pause: 1000       
});

Вот демонстрационная демонстрация этого эффекта. Такие инструменты, как jQuery, jQuery UI, BxSlider, предназначены для упрощения для нас. Так что давайте держать вещи простыми.

Согласно документации, вы можете сделать что-то вроде (untested):

$('#bxslider').bxSlider({
  onSlideBefore: function(){
    $('#bxslider').stopAuto();
    var ctx = setTimeout(function() {
       $('#bxslider').goToNextSlide().startAuto();
       clearTimeout(ctx);
    }, 100); // delay
  }
});