jQuery - insieme larghezza div per riassumere del suo figli

Question

Ho seguente configurazione:

html:

<div id="holder"> 
    <div> 
    <img/> 
    <img/> 
    </div> 
</div> 

css

#holder { width: 800px; } 

ora, voglio fare la galleria jQuery e si muoveranno linea di immagini a sinistra ea destra con margin-left negativo di div interno.

Tuttavia, devo dire a <img/> s di flottare a sinistra e impostare width div interno per la somma delle larghezze delle immagini.

Come posso farlo in modo pulito e piacevole?

grazie

Answer 1

var sum=0; 
$('#holder img').each(function(){ sum += $(this).width(); }); 
$('#holder > div').width(sum); 

//alert(sum); 

questo dovrebbe fare il trucco ..

Il galleggiante alle immagini, è possibile applicarlo con i CSS

#holder img{float:left;}