Как мне показать слайды с переменной шириной, не разрезая их гладко?

Question

Я использую Slick carousel , чтобы сделать карусель для моего сайта. Последний слайд обрезан, поэтому я хотел бы, чтобы он исчез, если он не отображается полностью, как вы можете видеть на этом рисунке:

Как я могу это сделать?

<div class="wrapper">
  <div class="carousel">
    <!-- here is a loop -->
    <div>
      <img src=":img:full:img:">
    </div>
    <!-- end loop -->
  </div>
</div>

$(document).ready(function() {
  $('.carousel').slick({
    slidesToScroll: 1,
    autoplaySpeed: 3000,
    variableWidth: true,
    infinite: true,
  });
});

Answer 1

Параметр variableWidth сам по себе означает, что вы используете слайды с автоматической шириной, поэтому это зависит от ширины ваших изображений / логотипов.либо у вас должен быть логотип одинаковой ширины, либо значение false variableWidth.

Настройка с помощью CSS не является хорошим вариантом.:)