Изменить размер jQuery .cycle () div - PullRequest
Новая
       16

Изменить размер jQuery .cycle () div

0 голосов
/ 22 декабря 2011

Я пытаюсь написать функцию, которая будет масштабировать высоту div пропорционально ширине div.Я пытался вызвать событие на window.resize, но пока безуспешно.Ширина div в настоящее время изменяется по желанию, но высота изменяется вне границ содержащихся элементов div, начинают перекрывать друг друга и не переносятся должным образом.Любая помощь приветствуется.Заранее спасибо! 

  jQuery:
  $(window).resize(function(){
       $('.bgCycle').each(function(){
            newHeight = $(this).parent('div').height();
            $(this).height(newHeight);
            $(this).children('div').height(newHeight);
       })
  })

  CSS:
 .bgCycle{
       border:1px solid red;
       position:relative;
       width:100% !important;
   }

  .imgContainerDiv{
       position:relative;
       width:100% !important;
   }

 HTML:
 <div class="bgCycle bgCycle1" style="z-index:1;">
     <div class="imgContainerDiv">
          <img src="http://localhost:8888/aleo/wp-content/uploads/2011/12/img1.jpg" style="width:100%;"/>
     </div>
     <div class="imgContainerDiv">
          <img src="http://localhost:8888/aleo/wp-content/uploads/2011/12/img2.jpg" style="width:100%;"/>
     </div>
 </div>
 <div class="bgCycle bgCycle2" style="z-index:1;">
      <div class="imgContainerDiv">
           <img src="http://localhost:8888/aleo/wp-content/uploads/2011/12/img3.jpg" style="width:100%;"/>
      </div>
      <div class="imgContainerDiv">
           <img src="http://localhost:8888/aleo/wp-content/uploads/2011/12/img4.jpg" style="width:100%;"/>
      </div>
 </div>

1 Ответ

0 голосов
/ 22 декабря 2011

Трудно не видеть ваш HTML, но я предполагаю, что $(this).parent('div').height(); должен ссылаться на высоту окна, возможно - $(window).height();? 

newHeight = $(window).height();

Будет ли это делать то, что вы хотите?

...