Question

我为一位我设计/部分开发的摄影师开了一个博客，他付了很多钱，所以我做的一切都很简单。

他的画廊是横向视图，因此您必须从左向右滑动才能查看照片。这个问题是，当添加新照片时，HTML / CSS中的宽度需要增加。

如何制作它以便在添加新照片时，jQ计算页面上所有照片的宽度，然后返回用于包含div的宽度，以便它们都适合？

感谢您的帮助

Answer 1

假设一个非常简单的设置，其容器div为id =“photos”，其中包含img标签的集合class =“proofs”：

var photo_width = 0;
$("#photos img.proofs").each(function(){
    photo_width += $(this).width();
});

选择带有.proofs类标记为照片的所有图像并对其进行迭代，然后将宽度相加。你应该能够改变它以符合你的设置。

从我收集的内容来看，如果图像设置了宽度值，webkit浏览器只会正确计算，因此请确保您的HTML代码包含图像的宽度属性。无论如何，这是一个很好的做法。