slick 슬라이드 센터모드 질문

아래의 코드도 한번 참고를 해보시겠어요..

CSS

.slick-slide {     opacity: .5;     transform: scale(0.8);     transition: all .5s ease-in-out; }

.slick-center {     opacity: 1;     transform: scale(1);     transition: all .5s ease-in-out; }  

JavaScript

$(document).ready(function(){     $('.your-slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){         // Remove the transition class from all slides         $('.slick-slide').removeClass('slick-center');     });

    $('.your-slider').on('afterChange', function(event, slick, currentSlide){         // Add the transition class to the center slide         $('.slick-slide.slick-center').addClass('slick-center');     });

    $('.your-slider').slick({         centerMode: true,         slidesToShow: 3,         centerPadding: '0', // You can adjust the padding as needed         focusOnSelect: true,         // Add other options as needed     }); });