Jquery 居中幻灯片图像

我使用的是Cycle2 carousel插件，我所有的图像宽度都不一样，这就是为什么我想将图像居中，但我想知道的是，我的父包装宽度是否为900px，例如，如果我的图像不是900px，它是否会居中

我的意思是，如果我的图像大于900px，则什么都不做，但如果我的图像小于900px，则将其居中

让我在图像上给你们看

$document.readyfunction{ $'.mySlideShow'.cycle{ 下一个：单程右转， pauseOnHover:是的， 传呼机：单页传呼机， 页面模板：， 上一页：单左， }; }; .单廊{ 宽度：800px； 高度：640px； 位置：相对位置； } .循环幻灯片放映img{ 身高：494px； 宽度：自动； } 单页机{ 宽度：49.3px！重要； 高度：49.3px！重要； 边框：1px实心fff； } 单寻呼机a.循环-寻呼机-主动img{ 不透明度：0.4； } 单左， 单一权利{ 位置：绝对位置； 最高：50%； z指数：1000； 背景：rgba255、255、255、.8； 填充：12px； 光标：指针； } 单左{ 左：0； } 单一权利{ 右：0； } 上 下一个 试试这个代码

    <link href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.3.9/css/lightgallery.min.css" rel="stylesheet" />


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/2.1.6/jquery.cycle2.min.js"></script>
<div class="single-gallery">
  <div class="mySlideShow">
    <img src="https://amazingcarousel.com/wp-content/uploads/amazingcarousel/7/images/lightbox/golden-wheat-field-lightbox.jpg">
    <img src="https://cdn.pixabay.com/photo/2017/01/07/20/40/candy-1961536_960_720.jpg">
    <img src="https://amazingcarousel.com/wp-content/uploads/amazingcarousel/7/images/lightbox/night-in-the-city-lightbox.jpg">
    <img src="https://cdn.pixabay.com/photo/2017/01/11/11/33/cake-1971552_960_720.jpg">
    <img src="https://www.w3schools.com/w3css/img_avatar3.png">

  <div id="single-pager" class="center external"></div>

  <div id="single-next-prev">
    <span id="single-left">Prev</span>
    <span id="single-right">Next</span>
  </div>
  </div>

</div>

---

为什么不想将大于900px的图像居中？在你的代码段示例中，我没有看到小图像…你的代码段包含所有大小相同的图像，对吗？没有所有大小不同的图像我不明白问题出在哪里…如果包装是900px，图像是900px，它应该适合容器对吗？添加两个图像，一个是幻灯片现在的样子，另一个是你希望它看起来怎么样。另外，我看到代码中的包装是800px，而不是900px。