JQuery - установить ширину div для ее суммы

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

HTML:

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

CSS

#holder { width: 800px; }

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

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

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

Благодарю вас

Ответы

Ответ 1

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

//alert(sum);

это должно сделать трюк.

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

#holder img{float:left;}