Изменить размер изображения внутри DIV с помощью Jquery - PullRequest
1 голос
/ 10 октября 2011

Мне нужна помощь в этой ситуации ... Я пытаюсь разработать ротатор баннеров (полная ширина), но я не нашел никакого решения, чтобы растянуть / изменить размер слайд-изображения (включая div) на 100% ширины сохранить соотношение сторон. Я хочу сделать это с JQuery ... кто-нибудь знает плагин JQuery, который решает эту ситуацию !!

Я хочу что-то 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 -->

1 Ответ

1 голос
/ 10 октября 2011

Как насчет хорошего старого CSS?

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