slick slider centermode 에서 slide 1개일때 , variableWidth 있을경우 가운데 정렬하기

 

slick slider centermode가 true일 경우에 슬라이드 갯수가 유동적으로 변하는 경우!
만약 centermode가 되어 있는 상태에서 slideToShow 가 6인데 슬라이드가 1개로 나와야 한다면? 가운데 정렬이 되지 않는다. 


6개 이상 에서는 centermode가 적용이되고 6개이하 에서는 centermode가 false가 되도록 하여 가운데 정렬이 슬라이드 갯수와 상관없이 유동적으로 되도록 했다. 

슬라이드가 6개이상일 경우

See the Pen KKWvOXW by 이챙 (@chae-young) on CodePen.

 

슬라이드 6개이하 일경우

See the Pen slick centermode slide2 by 이챙 (@chae-young) on CodePen.

 

variableWidth 있을경우엔 slide에 width값을 주게되므로 slick에 css를 추가해주어 가운데 정렬을 해주어야 한다.
슬라이드개수가 6개 이하일경우 addClass를 추가하여 css가 바뀌도록 했다.

See the Pen slick centermode slide3 by 이챙 (@chae-young) on CodePen.

 

slide가 개수가 많아질때 centermode로 슬라이드가 되고 지정한 개수 이하일때 가운데정렬을 사용하고 싶을때 사용하면 좋을 코드이다.