In infinite mode, when slidesToShow equal to the length of slides, infinite functionality is not working.

demo: https://codesandbox.io/s/react-slick-playground-yjk35?file=/index.js

Even after using { arrows: true, dots: true, infinite: true} when slideToShow equals to the length of slides, no pre/post cloned slides are being rendered which usually happens when infinite is set to true. Arrows and Dots are also not being rendered in this case.

Issue Analytics

State:
Created 3 years ago
Reactions:4
Comments:5

Top GitHub Comments

8reactions

amitk7407commented, Jun 11, 2020

Hi,

I have got a workaround for this issue, so sharing it thinking it may help.

Suppose, slidesToShow = totalSlides = 3, then instead of passing 3 to slidesToShow, we can pass 2.99 which will show arrows and dots and add cloned slides. And if you are using centerMode: true, then the slides in this case will not be centered so for this, add css like: .slick-slide { transform: translate(100%, 0); } This will move your slide by 1 which works in case of 3 visible slides. You can translate based of your number of visible slides.

0reactions

TanelMarrancommented, Nov 29, 2022

+1, same issue.

Top Results From Across the Web

Slick slider not loading slides if slidesToShow is equal to the ...

problem is when slideToShow is equal to total number of slides than slider didn't load properly and didn't slide I want to know...

React Slick Doesn't Loop Slides If Slidestoshow Is Equal to the ...

infinite : true I was working on my personal portfolio the option for centerMode if length 1 show arrows to center the active...

Untitled

Desktop mouse dragging Infinite looping. js carousel with navigation so ... $23. center mode not working when slides are equal to slidesToShow #1302...

slick - the last carousel you'll ever need - Ken Wheeler

Fully functional when not. ... Desktop mouse dragging; Infinite looping. ... My slick slider is not working in firefox - the widths of...

Options - Splide

The required distance to start moving the carousel by the touch action ... Determines how many pages (not slides) around the active slide...