jQuery Cycle plugin - altezza automatica per contenitori

Question

sto usando il cycle plugin su alcuni div, in questo modo:

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

tutti i div .section hanno altezza variabile, in base ai loro contenuti. Come posso fare in modo che il ciclo non ridimensiona il contenitore div (sezioni) all'altezza figlio più grande? Invece voglio il ridimensionamento del contenitore su ogni animazione all'altezza attuale del bambino.

Answer 1

imposta l'opzione containerResize su 0 e prova. Altri dettagli opzione here.

Answer 2

ok, sono riuscito a farlo agganciando una funzione su 'dopo' evento:

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

trovato le info qui: http://forum.jquery.com/topic/jquery-cycle-auto-height

Answer 3

ho fatto un po 'diverso:

$('.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()); 
    } 
    }); 

I miei articoli avevano un'altezza diversa. Nel precedente, si assicura che il contenitore sia abbastanza grande per la più grande delle 2 diapositive. Nel dopo, si ridimensiona alla diapositiva successiva. In questo modo non scorre mai troppo perché il tuo contenitore è troppo piccolo.

nota: questo è per il ciclo 1