圆滑旋转式传送带全宽，中心模式不工作

Question

我正在尝试创建一个全宽页面滑块，其中一个滑块居中，两个滑块将在两侧部分可见。

但由于某种原因有一个很大的白色缝隙可见。我尝试给img宽度100%，但图像分辨率是扭曲的。

Jquery代码：

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

演示--https://jsfidle.net/squidraj/hn7xsa4y/

任何帮助都是非常感谢的。

Answer 1

相关问题

Answer 2

您可能要尝试使用：

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

这应该可以消除空隙，但您可能需要添加一些css，以确保光滑的

将足够大，以显示您的整个图像。您还可以修改相关图像的css。