尝试制作具有不同尺寸图像的轮播

Question

我正在尝试创建一个轮播，该轮播会将我的图片固定在目标height（750像素）上，但会自动width，因此它看起来不会压缩，但我主要只想控制{{ 1}}，而我对height的要求感到满意。

到目前为止，我已经使用Slick构建了旋转木马，并尝试对其进行一些自定义以满足自己的需求。到目前为止，我基本上都能正常工作，但是间距受到width的限制，图像的宽度并不一致，图像宽度也不会扩大，但是我不确定如果没有{{ 1}}。

我一直在弄乱div和div，但不能限制我的图像。在我的示例中，第二张图片很长，由于无法适应自身而被剪掉，然后妨碍了设置的间距。我知道这有点混乱，但是如果有任何可能的方法来调整它，使其达到我需要的水平，那就太好了！谢谢！

我还将附上我要模拟的正方形旋转木马（其画廊旋转木马）的2张照片，我不使用它们的原因是因为它不允许我在每个图像下添加字幕，并设有一个计数器来显示哪个图像您正在（我仍在工作）上，否则他们的轮播正是我想要的。

方形轮播（1）

方形轮播（2）

css

html

$(document).ready(function(){
  $('.menu-toggle').on('click', function(){
    $('.nav').toggleClass('showing');
    $('.nav ul').toggleClass('showing');
});

$('.post-wrapper').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  autoplay: false,

  autoplaySpeed: 2000,
  nextArrow:$('.next'),
  prevArrow:$('.prev')
});

});