提问者:小点点

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


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

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

Jquery代码:

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

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

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


共1个答案

匿名用户

您可能要尝试使用:

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

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

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