Прекратить автоповорот на bxslider, когда окно изменено до 776 пикселей - PullRequest
Новая
       33

Прекратить автоповорот на bxslider, когда окно изменено до 776 пикселей

0 голосов
/ 30 мая 2018

Как сделать так, чтобы bxslider не поворачивался автоматически при размере окна 767 пикселей или меньше?Вот мой код 

 var slider = $('.bxslider-wrapper').bxSlider({
        autoHover: true,
        tickerHover: true,
        controls: false,
        pause: options.auto != '' ? options.auto : 4000,
        pager: options.showControls ? options.showControls : false,
        auto: options.auto != '' ? true : false,
        infiniteLoop: options.continuous ? options.continuous : false,
        touchEnabled: isTouchableDevice()
    });

1 Ответ

0 голосов
/ 30 мая 2018

Проще говоря: 

$(document).ready( function () {
  var width = $(window).width(); // get width of viewport
  if(width > 776) {
    var slider = $('.bxslider-wrapper').bxSlider({
        autoHover: true,
        tickerHover: true,
        controls: false,
        pause: options.auto != '' ? options.auto : 4000,
        pager: options.showControls ? options.showControls : false,
        auto: false
        infiniteLoop: options.continuous ? options.continuous : false,
        touchEnabled: isTouchableDevice()
    });
  } else {
    var slider = $('.bxslider-wrapper').bxSlider({
        autoHover: true,
        tickerHover: true,
        controls: false,
        pause: options.auto != '' ? options.auto : 4000,
        pager: options.showControls ? options.showControls : false,
        auto: true
        infiniteLoop: options.continuous ? options.continuous : false,
        touchEnabled: isTouchableDevice()
    });
  }
});

Вы можете добавить событие для обновления переменной ширины при изменении размера экрана.

...