Почему Slick работает некорректно?

Question

[Гриша Никольский]

Здравствуйте. Вот ссылка на страничку, где настроен полноэкранный Slick slider:
justme.matdev.ru/index-fade-slider.html

Проблема заключается в том, что autoplay: true, да autoplaySpeed: 1000, но при нажатии на кнопку "назад" или "вперед", реализованных через.slick("slickPrev");, слайды начинают перематываться вообще в хаотичном порядке, а иногда и вовсе прекращают. + Они начинают переключаться только после того, как я зайду в другую вкладку, а потом вернусь обратно в свою.

Вот полный JS код:

$(function() {

    $(".owl-carousel").slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        fade: true,
        arrows: false,
        autoplay: true,
        autoplaySpeed: 1000,
        speed: 1000
    });

    $(".right-arrow-wrapper").click(function() {
        $(".owl-carousel").slick("slickNext");
    });

    $(".left-arrow-wrapper").click(function() {
        $(".owl-carousel").slick("slickPrev");
    });

});

Библиотека подключена. Jquery тоже. В чем может быть проблема? Заранее спасибо!

Answer 1

[iBird Rose]

всмысле в хаотичном? у вас там 2 слайда всего.
других багов не заметил.
а фишка что кнопка не работает - нужно уменьшить speed. потому что пока анимация не завершиться окончательно - вы не сможете перемотать на следующий слайд.

Comments

[Гриша Никольский]

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

[iBird Rose]

Гриша Никольский: pauseOnFocus: false, pauseOnHover: false сделайте

[iBird Rose]

Гриша Никольский: а если и это не поможет, то добавьте в свои стрелки еще $(".owl-carousel").slick("slickPlay");

[Гриша Никольский]

iBird Rose: Вот оно что, упустил как-то эти опции. По идее такое должно быть false по дефолту. Спасибо огромное!

[iBird Rose]

Гриша Никольский: нет. по дефолту как раз после ручного управления слайдером, слайдер должен остановиться. потому что я сам выбрал этот слайд и смотрю его и не хочу чтобы он мотался)

[Гриша Никольский]

iBird Rose: тоже логично.