jQuery - establecer anchura div a suma de sus hijos

Question

He siguiente configuración:

html:

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

css

#holder { width: 800px; } 

Ahora, quiero hacer la galería jQuery y se moverán línea de imágenes a la izquierda y derecha con margin-left negativo de div interior.

Sin embargo, tengo que decir <img/> s para flotar a la izquierda y establecer div interna width a la suma de anchuras de las imágenes.

¿Cómo puedo hacer esto de una manera limpia y agradable?

gracias

Answer 1

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

//alert(sum); 

esto debe hacer el truco ..

El flotador a las imágenes, se puede aplicar con CSS

#holder img{float:left;}