Jquery 引导转盘设置自动高度

有没有办法不设置引导转盘的高度，让它根据设置为100%的图像宽度自动计算出高度？我知道它会在幻灯片之间上下弹跳，这很好。目前，对于引导html，我有：

<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
    <div class="carousel-inner">
        <div class="item active">
            <div class="slider-image img-responsive " style="background-image: url(/folder/image.png); background-position: 50% 50%; background-size: cover;"></div>
        </div>
    </div>
</div>

---

有了这个，我根本看不到图像-它只是将高度设置为0。有什么想法吗？

这个代码对我很有用：

.carousel-inner {
 height:auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
  min-height:initial;
}

如果您想调整图像大小，可以向目标图像添加css类

---

祝你好运

不用div和背景，只需将图像与图像标签一起放入幻灯片，并将图像宽度设置为100%

HTML:

.carousel-inner {
 height:auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
  min-height:initial;
}

<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
    <div class="carousel-inner">
        <div class="item active">
            <img src="path/to/image.jpg"/>
        </div>
    </div>
</div>

#carousel .item img{
  width:100%;
}