使用 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

好的 ol' CSS 怎么样？

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