센터 모드의 슬릭 회전식 전체 폭이 작동하지 않습니다.

Question

하나의 슬라이드가 중앙에 배치되고 2 개의 슬라이드가 부분적으로 양쪽에서 보이도록 전폭 페이지 슬라이더를 생성하려고합니다.

하지만 어떤 이유로 인해 큰 흰색 틈이 보입니다. img 너비 100 %를 주려고했지만 이미지 해상도가 왜곡되었습니다.

jQuery 코드 :

$('.slider').slick({ 
    centerMode: true, 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    dots: true, 
    infinite: true, 
    cssEase: 'linear' 
}); 

데모 - 어떤 도움을 매우 높이 평가된다 https://jsfiddle.net/squidraj/hn7xsa4y/

.

Answer 1

다음을 사용하여 시도 할 수 있습니다 :

$('.slider').slick({ 
centerMode:true, 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    dots: true, 
    infinite: true, 
    cssEase: 'linear', 
    variableWidth: true, 
    variableHeight: true 
}); 

이 격차를 제거해야합니다,하지만 당신은 매끄러운 <div>가 전체 이미지를 표시 할만큼 충분히 커야합니다 있는지 확인하기 위해 몇 가지 CSS를 추가해야 할 수도 있습니다. 관련 이미지에 대한 CSS를 수정할 수도 있습니다.