jQuery를주기 플러그인 - 컨테이너

Question

나는 다음과 같이 몇 가지 div의에 cycle plugin을 사용하고 자동 높이 :

<div class="sections"> 
    <div class="Section"> <img /> text </div> 
    <div class="Section"> <img /> text </div> 
    <div class="Section"> <img /> text </div> 
</div> 

모든 .section div를 그 내용에 따라 변수 높이를 가지고있다. 컨테이너 div (섹션)의 크기를 가장 큰 하위 키의 높이로 변경하지 않으려면 어떻게 순환시킬 수 있습니까? 대신 컨테이너가 모든 애니메이션에서 현재 하위 키의 크기로 조정되기를 원합니다.

Answer 1

containerResize 옵션을 0으로 설정해보십시오. 더 많은 옵션 정보 here. http://forum.jquery.com/topic/jquery-cycle-auto-height

Answer 2

좋아, 나는 이벤트 '후'에 함수를 후킹하여 수행하는 관리

$('.cycle-list').cycle({ 
    containerResize: 0, 
    before: function(currSlideElement, nextSlideElement, options, forwardFlag) { 
     var container = $(this).parent(); 
     container.css('height', Math.max(container.height(), $(nextSlideElement).height())); 
    }, 
    after: function(currSlideElement, nextSlideElement, options, forwardFlag) { 
     $(this).parent().css('height', $(this).height()); 
    } 
    }); 

다른 항목도 높이가 다릅니다. 이전에는 컨테이너가 2 개의 슬라이드 중 큰쪽에 충분히 큰지 확인합니다. 이후에는 다음 슬라이드로 크기가 조절됩니다. 컨테이너가 너무 작기 때문에 이런 식으로 오버 플로우되지 않습니다.

참고 : 이것은주기 1입니다.

Answer 3

나는 그것을 다른 조금 짓을했는지 :

function onAfter(curr, next, opts, fwd) { 
    var $ht = $(this).height(); 

    //set the container's height to that of the current slide 
    $(this).parent().animate({height: $ht}); 
} 

여기에 정보를 발견