具有不同宽度和不同空白图像的轮播-如何实现均匀性？

Question

我有一个光滑的旋转木马，上面显示公司徽标。一些徽标是矩形的，有些是方形的。圆滑的轮播设置为一次显示四个徽标。目前，方形徽标周围有空白，因此其徽标占据了轮播宽度的25％，但是我想消除该空白。我只是不能全神贯注于如何做到这一点，同时又要保持事物的响应能力。

您可以在所附的示例图片中看到我的意思。我怎样才能达到预期的效果？谢谢！

Answer 1

光滑的轮播文档在此处提供有关此信息：http://kenwheeler.github.io/slick/仅在页面下方。

它给出了旋转木马通话的示例，但variableWidth应该是踢人：

$('.variable-width').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  centerMode: true,
  variableWidth: true
});