Jquery로 DIV 내부의 이미지 크기 조정

Question

이 상황에 도움이 필요합니다 ... 전 배너 로테이터 (전체 너비)를 개발하려하지만 슬라이드 이미지의 크기를 조정하거나 크기를 조정할 방법이 없습니다. div) 100 % 가로 세로 비율을 유지합니다. 나는 jQuery로 그것을하고 싶다 ... 누군가는이 상황을 해결하는 JQuery 플러그인을 알고있다 !!

나는 모든 이미지에 이것을 원하지 않기 때문에 this의 sililar를 원하지만 수업에 적용했습니다 !!!

내 코드의 예를 아래에서 확인하십시오. 미리 감사드립니다 !! :)

<!-- 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; 
}