我为一位我设计/部分开发的摄影师写了一个博客，他付了很多钱，所以我让一切变得尽可能容易编辑。
他的画廊是横向视图，因此您必须从左向右滑动才能查看照片。这样做的问题是，当添加新照片时，HTML/CSS 中的宽度需要增加。
我怎样才能使它在添加新照片时，jQ 计算页面上所有照片的宽度，然后返回用于包含 div 的宽度，以便它们都适合？？
感谢您的帮助
【问题讨论】：
标签： javascript jquery html image width
假设一个非常简单的设置，其中包含一个容器 div，其中 id="photos" 和其中的一组 img 标签 class="proofs"：
var photo_width = 0;
$("#photos img.proofs").each(function(){
photo_width += $(this).width();
});
这会选择所有使用 .proofs 类标记为照片的图像，并对其进行迭代，同时将宽度相加。您应该能够更改它以匹配您的设置。
据我所知，webkit 浏览器只有在图像设置了宽度值时才能正确计算，因此请确保您的 HTML 代码在图像上包含宽度属性。无论如何，这是一个很好的做法。
【讨论】：