jQuery - установить ширину div для суммы его дочерних элементов

Question

У меня есть следующие настройки:

HTML:

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

CSS

#holder { width: 800px; }

Теперь я хочу создать галерею jQuery и переместить строку изображений влево и вправо с отрицательным margin-left внутреннего деления.

Тем не менее, я должен сказать <img/> s плавать влево и установить внутренние div'ы width на сумму ширины изображений.

Как я могу сделать это каким-то чистым и приятным способом?

спасибо

Answer 1

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

//alert(sum);

это должно сработать ..

Поплавок к изображениям, вы можете применить его с помощью CSS

#holder img{float:left;}