使用 Jquery 调整 DIV 内图像的大小

Question

我在这种情况下需要帮助...我正在尝试开发一个横幅旋转器（全宽），但我没有找到任何解决方案来拉伸/调整幻灯片图像（在 div 中）100% 宽度并保持宽高比比率。我想用 jQuery 来做到这一点...有谁知道一个 JQuery 插件可以解决这种情况！

我想要类似 this 的东西，但应用于一个类，因为我不想要这个到所有图像！

请检查下面我的代码示例。非常感谢！ :)

<!-- START BANNER WRAPPER -->
<div id="banner-wrapper">
<div id="banner-full-width">
<div id="main-slider">

  <div class="slide">
    <div class="image">
      <img src="" /> <!-- This is the image i want to fit inside of 100% width div -->
    </div>

    <div class="info">...</div>
  </div>

</div>
</div>
</div>
<!-- END BANNER WRAPPER -->

Answer 1

好的 CSS 怎么样？

.image img {
    width:100%;
    height:auto;
}