Реагируйте гладко, как включить без паузы

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

const settings = {
  infinite: true,
  slidesToShow: 3,
  autoplay: true,
  speed: 5000,
  autoplaySpeed: 0,
  arrows: false,
  slidesToScroll: 4,
  easing: "linear"
};

это самое близкое, чего я смог достичь, но я все еще получаю небольшую паузу

Я хотел бы знать, возможно ли это с помощью response-slick или, может быть, есть другие библиотеки, которые будут соответствовать моим потребностям


reactjs react-slick
person Harel    schedule 09.01.2020    source источник
comment
сколько изображений вы пытаетесь показать? (общий)   -  person Àtishking    schedule 09.01.2020
comment
Я пытаюсь показать 4 изображения   -  person Harel    schedule 09.01.2020

Ответы (1)


arrow_upward
1
arrow_downward

Попробуй это:

const settings = {
  slidesToShow: 3,
  slidesToScroll: 1,
  infinite: true,
  autoplay: true,
  speed: 10000,
  autoplaySpeed: 0,
  cssEase: 'linear',
  arrows: false,
};
person Ali Mousavi    schedule 09.01.2020
comment
спасибо, это намного лучше, но все еще есть небольшая задержка после последнего изображения, есть ли способ избежать этого? - person Harel; 09.01.2020
comment
Я не вижу пауз, когда пробую его в своем приложении. Прокручивается плавно. - person Ali Mousavi; 10.01.2020