如何在jquery LightSlidder中设置居中图像的固定高度？

<div id="slider" style="height: 400px;">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

$(document).ready(function(){
  $('#slider').lightSlider({
    item: 1, // 设置每次滑动显示的图片数量
    slideMargin: 0, // 设置图片之间的间距
    loop: true, // 设置是否循环播放
    slideMove: 1, // 设置每次滑动的图片数量
    controls: false, // 设置是否显示导航控制按钮
    pager: false, // 设置是否显示分页器
    onSliderLoad: function() {
      $('#slider').removeClass('cS-hidden'); // 移除默认隐藏的样式
    }
  });
});

#slider {
  position: relative;
  margin: 0 auto;
  text-align: center;
}

#slider img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}