jquery – 光滑的旋转木马全宽,中心模式不起作用

我正在尝试创建一个全宽页面滑块,其中一个幻灯片居中,两个幻灯片将在两侧部分可见.

但由于某种原因,可见的是一个很大的白色差距.我尝试给img宽度100％,但图像分辨率扭曲.

Jquery代码：

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

演示 – https://jsfiddle.net/squidraj/hn7xsa4y/

任何帮助都非常感谢.

解决方法

您可能想尝试使用：

$('.slider').slick({
centerMode:true,cssEase: 'linear',variableWidth: true,variableHeight: true
});

这应该消除差距,但您可能需要添加一些css以确保光滑< div>将足够大,以显示您的整个图像.您还可以修改相关图像的CSS.