前端之家收集整理的这篇文章主要介绍了
jquery – 光滑的旋转木马全宽,中心模式不起作用，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在尝试创建一个全宽
页面滑块,其中一个
幻灯片居中,两个
幻灯片将在两侧部分可见.
但由于某种原因,可见的是一个很大的白色差距.我尝试给img宽度100％,但图像分辨率扭曲.
@L_502_0@代码：
$('.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.
原文链接：https://www.f2er.com/jquery/178715.html
