使用jquery調整DIV內部的圖像

Question

我需要這種情況的幫助...我試圖開發一個橫幅旋轉器（全角），但是我沒有找到任何解決方法來拉伸/調整幻燈片圖像的大小（indide a 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; 
}