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