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

前端之家收集整理的这篇文章主要介绍了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.

猜你在找的jQuery相关文章