jQuery - Réglage de la largeur de div à la somme de celui-ci des enfants

Question

je suit la configuration:

html:

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

css

#holder { width: 800px; } 

maintenant, je veux faire la galerie jQuery et se déplacer ligne d'images à gauche et à droite avec négatif margin-left de div interne.

Cependant, je dois dire à <img/> de flotter vers la gauche et de régler la division interne width à la somme des largeurs d'images.

Comment puis-je faire cela de façon propre et agréable?

merci

Answer 1

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

//alert(sum); 

cela devrait faire l'affaire ..

Le flotteur aux images, vous pouvez l'appliquer avec css

#holder img{float:left;}